A VÉGTELENBE ÉS TOVÁBB! 


Amit most olvasni fogsz, az a PixelDesigners Magazine digitális magazin válogatása. Ez egy iPadre 
ingyenesen letölthető digitális magazin, ami a kreatív szakmákban dolgozók számára készül 1,5 havonta. 
Minden számot oktatók, bloggerek, fejlesztők, programozók, DTP-szakértők, tanácsadók és webdesignerek 
állítanak össze. 13 rovatunk van, amik segítségével próbáljuk lefedni a grafika, a web, a DTP, a fotózás, 

az audio/videó, az animáció készítés és a marketing területeit. Alapvetően az úgynevezett "tutorial" alapú 
cikkek alkotják a magazin gerincét, de a munkához, vagy a hobbihoz szükséges segédleteket, tanácsokat, 
hasznos linkeket, kiegészítéseket is publikálunk. 


Reméljük hogy ezzel a válogatással (véletlenszerűen az eddigi 6 számból) felkeltjük az érdeklődésed, 


és ha van iPaded, akkor rendszeres olvasónk leszel a jövőben. Ha tetszett a magazin tartalma, hívd fel 
a kollégád, barátod figyelmérót rá, hiszen nincs is annál jobb ha a tudást megoszthatjuk mindenkivel! 


Papp Ádám Letölthető az 
ötletgazda, főszerkesztő App Store-ból 


typekit 


Adobe Typekit "" 


Bármilyen grafikai munkát is végezzünk, egészen biztosan szembesülni fogunk a betűtípusok használatakor 
felmerülő tipikus problémákkal, hibákkal, amelyekre az elmúlt két évtizedben csak nehézkesen tudtunk 
megoldást találni. A webes fontszolgáltatások ebben próbálnak segíteni és idén áprilisban végre az Adobe is 
megjelent a saját csomagjával. Ez lett a TypeKit. 


TYPEKIT INTEGRÁCIÓ 

Aki a kreatív ipar online részével foglalkozik inkább és 
szívesen használ változatos betűtípusokat, már bizo- 
nyára korábban is hallhatott a TypeKit-ről. A 2014-es 

évtől azonban már nem csak online dokumentumok- 
ban használható a szolgáltatás. Az Adobe megvalósí- 
tott a TypeKit Creative Cloud-ba integrálását. No nem 
kell megijedni! Ez nem azt jelenti, hogy a használata, 

megkerülhetetlen és szerves részét képezi a CCnek. 


Ugyanígy, ha valaki nem Adobe szoftverekkel dolgo- 
zik, akkor használhatja a TypeKit online elérhető ré- 
szét továbbra is. Lényegében arról van szó, hogy a 
CC által biztosított szoftverek többségében is elérhe- 
tővé vált a Typekit által nyújtott fontkezelés. 


LEHETŐSÉGEK 
A Typekit használata talán nem a legfrappánsabb, de 
nem is végtelenül bonyolult. A szükségesek lépéseket 


- egy aktív CC előfizetői fiók megléte esetén -, ebben 


r" a cikkben be fogom mutatni. Ahhoz viszont, hogy el- 


dönthesd, akarod-e használni ezt a megoldást, néz- 
zük meg, hogy milyen lehetőségeket nyújt számunk- 
ra a TypeKit és mennyiért! 


A rendelkezésre álló és egyszerre felhasználható be- 
tűtípusok száma véges a TypekKit-en belül. Minden at- 
tól függ, hogy éppen milyen előfizetői szinten vagyunk, 
azaz mennyi pénzt áldoztunk a rendszer használatára. 
A szolgáltatás többféle éves előfizetési díjjal érhető el. 
A cikk írásakor 5 szint létezik: trial, personal, portfolio, 
performance és business. 


A mellékelt táblázatban jól látszik, hogy a webes be- 
tűhasználatra koncentrál jobban a rendszer, de ezt a 
mai online világban talán nem is lenne illendő felróni 
neki. Az is látható, hogy a webes betűkészletekből jó- 
val nagyobb számban és jóval többet használhatunk 
egyszerre. Ennek nyilván technológiai és jobi okai is 
vannak. Egy dolgot érdemes kiemelni. 


Asztali betűtípusok 
választható betűtípusok száma 130- 130- 1000-- 1000-- korlátlan 
ő Izálható 

egyszerre szinkronizálható 20 100 200 több 
betűtípusok száma 

Webes betűtípusok 

választható betűtípusok száma 800- 2500-- 4200-£ 42004 korlátlan 
max. oldalletöltés/hó 25 000 50 000 500 000 1 millió több millió 
weboldalak száma 1 korlátlan korlátlan korlátlan 
weboldal/betűtípus 2 korlátlan korlátlan korlátlan 
Azok a betűtípusok, amelyek csak webes felhaszná- r" aktiválni kell a szolgáltatást. Ha már van CC hozzáféré- 
lásra érhetők el, nem használhatók offline grafikai sünk, akkor ez pár kattintással elvégezhető művelet. 


munkákhoz. Ezek a fontok általában nem is tartal- 
mazzák az ehhez szükséges geometriai leírást, tehát 
nemis érdemes próbálkozni velük. 


A TYPEKIT AKTIVÁLÁSA 

Amikor a CC szoftvereket használatba vesszük nem 
alapértelmezett a TypeKit használata, így az nem is 
lesz aktív. Ahhoz, hogy például az InDesign-ban ké- 
sőbb használhassunk Typekit betűtípusokat, először 


Első és talán legfontosabb lépés, hogy engedé- 
lyezzük a TypekKit használatát. Ezt a Creative Cloud 
kezelőpaneljén elérhető Preferences (beállítások) 
Font fülén tehetjük meg. Nincs más dolgunk, mint a 
TypeKit On/Off kapcsolót On állásra váltani. Enélkül 

a programjaink nem fogják sem használni, sem pedig 
telepíteni a TypeKit fontokat, de a szoftverből történő 
közvetlen elérés is jóval körülményesebb. 


BÖNGÉSSZ BETŰT! 

Mind a Photoshop-ban, mind az Illustrator-ban, mind 
pedig az InDesign-ban megtaláljuk a Type menü első 
menüpontjaként az Add Fonts from TypekKit... opciót, 
ami egyből a TypeKit weboldalára irányít bennünket 

és amint bejelentkezünk a CC azonosítónkkal, máris mes 
kiválaszthatjuk a kívánt fontot. Előre tasress 


A másik lehetőség a TypekKit elérésére, amikor szö- ha J 
vegbevitelnél keresünk betűtípust. Ilyenkor a tipikus 
művelet, hogy az opciós sávon, más néven control 


b 


panel-en a betűtípus legördulő menüjére kattintunk, 
EEZEETEZEZ vagy pedig a Character panelen tesszük ugyanezt. 
Panis Az ekkor megjelenő Add Fonts from TypeKit gombra 
SELGÉSŰI kattintva a Typekit oldalára irányít a szoftver. 


MutorSelect GE 


Untitled-1 8 66.734 (Layer 1, 


A TypekKit főoldalán már szabadon válogathatunk az 
ESZÓKSZSÉNGET B ri Adobe által nyújtott szinte összes betűtípus közül. 


Font 
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Add Fonts from Typekit... 
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Ha közvetlenül asztali alkalmazásból lépünk be a felü- 
etre, akkor a TypeKit már eleve bekapcsol egy szűrőt a 
ovábbi keresésekhez. Így csak azokat a fontokat fog- 
juk keresni és látni, amelyek asztali (desktop) felhasz- 
nálásra is alkalmasak. Ezen kívül is számos szűrési le- 
hetőség van. A felület jobb oldalán találhatod ezeket 

a beállításokat, ahol a betűcsoportok, betűosztályok 
Classification), abekezdésekhez vagy inkább címek- Ag Ag 
hez való betűtípusokra, a betűvonal vastagságára, a senytomebee EI 
vonalvastagság váltakozásának mértékére, a kisbetűs ú 
araktermagasságra (x-height), a számok stílusára, 

nagybetűs verziókra és - számunkra egyáltalán nem 

ényegtelenül - a nyelvi támogatottságra szűrhetünk. 


ÖKS DO Smeedtonts Ő Settings 


layusery 4 


Ezen kívül még a szűrés után megjelenő betűtípusok 
mintáját is kiválaszthatjuk többféle, akár saját vakszö- 
veggel, mintakarakterekkel. A megjelenítés méretén 
is módosíthatunk, így egy képernyőn egyszerre több 
találatot láthatunk, valamint lehetőségünk van ked- 
venc betűtípusaink megjelölésére (flag) is. 


A webes felület Kit opciójával saját, nunkához rendelt 
betűkészleteket, azaz csoportokat hozhatunk létre. 

A mellette található Synced fonts menüpont segítségé- 
vel kilistázhatjuk a TypeKit segítségével telepített és a 
rendszerünkkel szinkronizált betűtípusainkat. Végül pe- 
dig a Settings fülön követhetjük nyomon, hogy mennyi- 
re használjuk ki a szolgáltatás nyújtotta limiteket. 


Amikor a TypekKit kezelőfelületén beállítottuk a szűrő- 
ket, akkor már csak a találati listán rá kell kattintani ki- 
választott betűtípus találati mezőjének aljára. Ekkor egy 
zöld színű Use fonts felirat jelenik meg, amire kattintva, 
a következő ablakban láthatjuk, hogy melyik betűtípu- 


sok vá 


jaaszthatok, illetve tel 


epíthetők az adott családból. 


A konkrét példámban Én a Sanvito Pro Display betűtí- 


pus fé 


kövér változatát tud 


tam csak asztali változatban 


telepíteni. A Sync selected fonts gombra kattintva pe- 
dig megtörténik a telepítés és szinkronizálás, aminek az 
eredményét mindkét operációs rendszeren az értesíté- 
si területen megjelenő felugró ablakocska jelzi. A szink- 
ronizáló ablakot a Close gombbal csukhatjuk be, hogy 
további fontokat keressünk és telepítsünk. 


TYPEKIT FONTOK AKCIÓBAN 
Amint szinkronizáltuk a fontunkat és megkaptuk az ér- 
esítő üzenetet máris használatba vehetjük az Adobe 
szoftverekben. A dolog rém egyszerű. A saját példám- 
ban egy alig kétsoros szöveg betűtípusát cserélem le 
az imént szinkronizált TypeKit betűtípusra. Először jelöl- 
jük ki a szokott módon a cserélendő szövegrészt, majd 
menjünk a betűtípusok kiválasztásához. Itt találhatóak 
az új szűrő ikonok, amiben csillaggal a korábban meg- 
jelölt kedvenc fontjainkra, a T betűt kirajzoló ikonnal 
pedig a TypeKit fontokra szűrhetünk a listában. Nálam 
most csupán az előbb telepített egy darab TypeKit font 


Sanvito Pro Display 


Select fonts from this family to sync to your computer via Creative Cloud. Use them in any desktop 
application —such as Adobe Photoshop, or your word processor. Learn more about desktop use. 


Fonts selected: 10f4 seesai Selestnone 


7] Bold 


Sync selected fonts 


Cancel 


Sonvíto Pro 


Fontkiválasztás és 

ú ázzaéb Disploy 
a szinkronizálást Adobe 
vezérlő panel sEZ 


4 Use fonts 


The font Sanvito Pro Display Bold was added 9 X 


p! Creative Cloud 


The font Caflisch Script Pro Regular was ac 


Értesítő Windows és OS X alatt 


van. Ha erre rákattintunk, akkor máris lecseréltük és 
használatba vettük az InDesign dokumentumunkban 
a szinkronizált TypeKit betűtípusunkat. Ennyi az egész. 


Természetesen a TypekKit betűtípusok bármelyik betű- 
ket kezelő CC szoftverben ugyanígy használhatók. 


egy szép felirat! 


Ha már nincs szükséged a TypekKit fontra, akkor a we- 
bes felület segítségével ezeket bármikor inaktívvá te- 
heted, amit így már nem fog látni a rendszer 


EGY KIS HIBAKEZELÉS 

Van néhány tipikus hibalehetőség, ami miatt nem tu- 
dod működésre bírni a TypeKit-et. Ezek viszonylag gya- 
koriak és könnyű őket orvosolni. Vegyük sorra őket! 


Gyakori, hogy valamilyen rendszertől független, al- 
ternatív fontmenedzser szoftvert használnak. Ilyen- 
kor sajnos a TypekKit inaktív maradhat. A megbízható 
megoldást az Adobe szoftverekbe integrálódó alkal- 
mazások jelentik. Ebben pedig szinte egyeduralkodó 
a Suitcase Fusion. Én ezt javasolnám a gördülékeny 
munkavégzéshez. Ha mégis az alternatív menedzser- 
szoftvert választod, akkor kapcsold ki a szoftvert a 
Typekit használatáig! Így persze a már korábban a 
menedzserrel telepített fontok maradnak inaktívak. 
Tehát a választanod kell, de érdemes azt a trükköt 
alkalmazni ilyenkor, hogy előbb elvégzed a TypekKit 
aktiválásokat és a szinkronizálást, majd a saját font- 
menedzser szoftveredet is aktiválod. Ez általában be- 
válik a probléma megkerüléséhez. 


Szintén gyakori probléma, hogy az altatásból feléb- 
resztett rendszer nem érzékeli a TypeKit bekapcsolt 


Szőcs Endre 


Certified Expert ási zó A 
husrarom cc webináriumokat is tartok. 


DTP szakértő, ACE, grafikus, oktató 


egy szép felirat! 


f" állapotát és ilyenkor a szinkronizálás sem történik meg. 


Ebben az esetben merj a Preferences megfelelő pa- 
neljére (Preferences 2 Fonts : TypeKit On/Off) és kap- 
csold egyszer ki, majd újra be a TypeKit opciót. Ha ezek 
után próbálod meg a szinkronizálás, akkor már prob- 
lémamentesen működni fog. Ez a ki-bekapcsolás más 
esetekben is beválhat, tehát használd bátran, ha vala- 
miért nem akarna működni a Typekit. 


Fontos beállításbeli probléma, amikor azért nem 
működik a TypeKit mert a CC általános fájlszinkro- 
nizációja (Preferences : Files : Sync On/off) van 
kikapcsolva. Ezt is a CC kezelőpaneljén fogod tudni 
beállítani és szintén On állásban kell lennie a megfe- 
lelő működéshez. 


végül pedig a legfontosabb! Ha a PDF. vagy egyéb ki- 
meneti (pl. ePub, PostScript) dokumentumokban sze- 
retnéd használni a TypeKit fontokat, akkor minden- 
képpen ágyazd be őket az adott Adobe szoftverrel, 
mert a CGből kilépve természetesen nem lesz elér- 
hető az adott font. Másik megoldás a TypekKit betűvel 
írt szöveg esetleges görbére törése. 


Remélem innen már bátran fogsz nekivágni a TypekKit 
világának és használod a CC előfizetésedhez ingyen 
kapott betűmannát! 


Több mint 20 éve tevékenykedek a nyomdaipar, 

a kiadványszerkesztés és a digitális videózás területén. 
Számos újság, reklámújság, magazin szerkesztőségi 
munkájában vettem részt, valamint online formában 
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Media Encoder CC (2014) 


Creative Cloud panel; 
Nyelvi beállítások 


Amióta az Adobe áttért a felhőalapú szolgáltatásra, a szoftvereket már csak innen előfizetve tudjuk 
letölteni. Van ugyan még egy-két dobozos szoftverük, mint például az Elements család, de minden más már 
csak így érhető el. Persze mást is kapunk a szoftverek mellé... Előfordult, hogy épp idegbajt. Főleg olyankor, 
amikor nem olyan nyelven települnek a szoftverek, mint amilyenen megszoktuk, vagy megtanultuk. 


Adobe szoftvert most már csak az úgynevezett 
Creative Cloud Panelen keresztül telepíthetünk. Ezen 
a panelen láthatjuk ha van frissítés a szoftverekhez, 
valamint ebbe a felületbe integrálták a Behance port- 
fóliós közösségi oldalt, és a felhőben lévő Adobe-s 
tartalommal bíró könyvtárunkat is. 


Alapesetben a panel úgy működik, hogy észleli az 
operációs rendszerünk nyelvi beállítását és azon a 
nyelven (ha elérhető) telepíti a kiválasztott szoftvere- 
ket. Magyarországon leginkább angol nyelven hasz- 
nálják az Adobe-s szoftvereket. Az op.rendszer nyel- 
ve ugyebár magyar, így ha elérhető magyar nyelven 
az adott szoftver, mint például a Photoshop, akkor 

a magyar nyelvű verzió fog települni. De ezt már csak 
akkor fogod észrevenni, ha megnyitod a szoftvert. 


BEÁLLÍTÁSOK 


Ezt megelőzendő, közvetlenül a Cloud panel telepíté- 
se után, rögtön menjünk a Beállítások menübe! Ide 
a szokásos fogaskerekes ikonra kattintva juthatsz el. 


Itt találni fogsz 5 fület", a második, az Apps nevű 

lesz a mi barátunk. Fontos tudni, hogy nem minden 
Adobe szoftver érhető el a felsorolt nyelveken. Ha an- 
golul szeretnéd használni a szoftvereket, akkor állítsd 
be az English (International) nyelvet, de persze ma- 
radhatsz a magyarnál is, vagy mondjuk a lengyelnél. 


Ha valami oknál fogva más nyelven is használnod 
kell az adott szoftvert, akkor váltsd át itt a nyelvet, és 
töltsd le újra azon a nyelven. Így a szoftveren belül 

- a beállításoknál - jelennek meg a nyelvek, és ott tu- 
dod kiválasztani hogy melyiken szeretnéd használni. 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
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grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


HOGYAN 
CSINÁLD 


A legtöbb mai tükörreflexes, digitális fényképezőgépnél a RAW formátumot többféle méretben is 

beállíthatjuk. Ezekre a gyártók SRAW és mRAW néven hivatkoznak. Ez a cikk arról szól, hogy milyen , árat" e 
fizetünk azért, ha nem a gépünk natív felbontású RAW állományait használjuk, valamint milyen más alternatív 
megoldás létezik, ha ráeszmélünk arra, hogy az mRAW választásával, amit nyerünk a vámon, elveszik réven. 


RAW VAGY DNG? 

A RAW állomány a hátfal által adott értékek digitális 
kimeneti állománya. Ezen a gépbe épített processzor 
nem végez átalakítást, egyszerűen kiírja az állományt 
a memória kártyára. 


Előnye (és hátránya is) pont ebben rejlik. A későbbi 

- külső szoftverrel végzett - feldolgozás során, sok- 
kal több lehetőségünk marad még a korrekciókra. 
Egy kattintással álltíhatunk fehéregyensúlyt, optikai 
korrekciót, de ami talán a leglényegesebb, hogy egy 
alulexponált képet sokkal könnyebben tudunk hely- 
rehozni, hiszen nem vesztek el a besötétült részek, 
mint a JPG tömörítésnél. Hátránya is egyből érzehe- 
tő, hiszen nem elég ,csak" lementeni a kártyáról a 
képeket, azokkal még foglalkoznunk kell, mert egy cr2 
vagy nef kiterjesztésű állományt, nem igazán tudunk 
elküldeni senkinek... 


A megapixelek számának növekedésével viszont 
megjelent az az igény, hogy nem feltétlenül kell ne- 
künk 20 megapixeles fotó a gyerek szülinapi zsúr- 
járól, mivel soha nem lesz belőle sem óriásplakát, 

de még csak katalógusfotó sem. Ezen felbuzdulva a 
gépen egyből a mRAW formátumot választottam ki, 
ami a gép könyve szerint 20 helyett ,csak" 11 mega- 
pixeles képeket fog menteni. A gép natív felbontása 
5472x3648 pixel, az mRAW esetében ez 4104x 2736 
pixelre csökken. A raw állományok mérete is ennek 
ükrében csökkent le, gondoltam eddig minden rend- 
ben. A hidegzuhany a feldolgozáskor fogadott, hogy 
a 10-15 megabájtos állományok ahogy bekerültek a 
Lightroom-ba (Copy as DNG) majdnem a duplájára 
nőttek fileméretben! 


A turpisság a RAW tárolásában rejlik, ugyanis a gép 
hátfalán található pontok egy úgynevezett Bayer szű- 
rő szerint vannak elrendezve, így nem egyforma szá- 
mú piros, kék és zöld számú érzékelő van. A piros és 
ék érzékelők bizonyos adatai megegyeznek a szom- 
szédos pixelek adataival, ezért nem tárolja őket a raw 
állomány csak egyszer. A Lightroom a DNG-t viszont 
már nem tudja ugyanígy tárolni, így szinte annyival nő 
meg az állományunk mérete, mintha teljes felbontá- 
sú RAW-ba mentettük volnat!). (lásd 1. táblázat). Amit 
megnyertünk az mRAW-n azt elveszítjük a DNG-be 


PLATFORM 


OS X / Windows 


ELKÉSZÍTÉSI IDŐ 
10-15 perc c (feladat függő) 


RAW MmRAW sRaw 
5472x3648 4104x2736 2736x1824 
! MG 7768.CR2 ! MG 7769.CR2 ! MG 7770.CR2 

(CR2 23,7 MB 16,8 MB 11,6 MB 
DNG ] 21,4MB 26,9 MB j 13,3 MB 
tisz 6 MB 28MB 1,7 MB 
JPG(12) j 9,1 MB j 3,6 MB 12 MB 
JPG (10) (38 1,2 MB (680 KB 


1. táblázat 


konvertáláskor. Abban az esetben ha ragaszkodunk a 

kisebb filemérethez csak két megoldás marad: 

" nem konvertálunk DNG-be, marad minden eredeti 
formában, csak akkor lassú lesz a feldolgozás 

" maradunk az eredeti RAW felbontásnál és használ- 
juk a Ligthroom 4-ben megjelent (DNG 1.4) veszte- 
séges tömörítést. 


LOSSYDNG 

A veszteséges tömörítés"-ről általában mindenkinek 
valami rossz jut eszébe. Először az interneten látott 
silány minőségű JPG állományok villannak fel emlé- 
keinkben, de a DNG esetében jobb a helyzet. Szeret- 
ném leszögezni, hogy éles munkák esetében, meg 
sem fordul a fejünkben, hogy kisebb felbontással 
fényképezzünk, ott nem számít az állományok mé- 
rete, de a nyaraláson készült több mint 3-500 fotó 
esetén, azért eljátszunk a gondolottal, hogy mi len- 
ne ha negyedakkora tárterület is elég lenne? Felme- 
rül a kérdés, hogy akkor miért nem JPG, hiszen az 

is veszteséges és tömörítési algoritmusa elég kicsi 
állományokat eredményez. Azért mert a DNG lossy 
tömörítése jobb minőségű mint a JPG (12). Az Adobe 
mérnökei a JPG tömörítés hibáit próbálták meg kikü- 
szöbölni és - véleményem szerint - elég jól sikerült 
nekik. A sötét tónusú képek esetén van látható kü- 


lönbség, ami 20096-os nagyításnál és -2 blendénél 
jön elő. (Például, ha a tesztkep.psd-ből kellene egy 
kivágás, több layer van benne, ha lehetne valahogy 
kapcsolgatni, vagy egymás mellé tenni egy 20096-os 
kivágást). 


Abban az esetben, ha Lightroom-ban egy DNG állo- 
mányról meg szeretnénk tudni azt, hogy milyen tö- 
mörítéssel van mentve válasszuk ki a Metadata fülön 
a DNG-t. 


Képeinket lossy DNG-re a Library : Convert Photo to 
DNG paranccsal tudjuk átkonvertálni. 


SMART PREVIEW 

A Lightroom 5-ben jelent meg ez az új funkció, amely 
úgyszintén az előbb leírt veszteséges tömörítést 
használja, de nem csak az előnézeti képeken (pre- 
view). A fotóink feldolgozásához a Lightroom-nak 
szüksége volt az eredeti állományra, így azokat min- 
dig magunknál kellett tartani, ami előbb-utóbb szinte 
megoldhatatlan feladattá vált. Egy laptop merevle- 
mezét elég gyorsan megtöltötték az állományok, ar- 
ról nem is beszélve, hogy általában egy erre a célra 
kinevezett NAS felelt a tárolásért, de azt a vonaton 


Default 
AI Piug-in Metadata 
ealáké aka til 


EXIF 


EXIF andiPTC 


Metadatok 


Convert 3 Photos to DNG 


Seerazfss 
64 Oniy convert Raw files 
67 Delete originals after successful conversion 


DNG Creation 
File Extenston: ( dng 


Compatibility: ( Camera Raw 7.1 and later :) 


JPEG Preview: ( Medium Size 


[4 Embed Fast Load Data 
4 Use Lossy Compression 
(D Embed Original Raw File 


nem könnyű elérni. A Smart Preview funkció megjele- 
nésével ez már a múlté. Lehetőségünk van arra, hogy 
képeinkről Smart Preview-t készítsünk, ami a lossy 
DNG részben bemutatott jó minőségű, de vesztesé- 
ges tömörítéssel elkészített állományt generál a kata- 
lógus állomány mellé ,katalógusnév Smart Previews. 
Irdata" néven, ehhez válasszuk ki a Library menü - 
Previews : Build Smart Previews menüt. 


"TE Csalad Previews.Irdata Data 
"7 Csalad Smart Previews.Irdata 2014.08.11. 22:51 . Data 
"7 Csalad archiv Previews.Irdata 2014.08.12. 17:44 t Data 
"E Csalad archiv Smart Previews.Irdata 2014.08.11. 21:48 Data 
B Csalad, archiv.lrcat 2014.08.12. 17:44 Ubrary 


TE Csalad.ircat ma 19:57 Ubrary 


A Smart Previews file tarlamaz egy 10096-os méretű 
képet, amit akkor is tudunk szerkeszteni, ha nem áll 
rendelkezésünkre az eredeti állomány. Amennyiben 
ismét elérhetővé válik az eredeti kép, a Lightroom 
automatikusan visszaírja a változásokat. A Catalog 
Settings menüben meg tudjuk nézni, hogy mekkora 
helyet foglalnak el a Smart Preview-k (2847 RAW file 
képe 3 gigabájtos állományt igényel, míg az eredetik 
közel 18 gigabájtnyi helyet foglalnak el). 


A szoftver a Histogram panel alján jelzi számunkra, 
ha egy ilyen képpel dolgozunk és egy speciális ikon 
jelzi a Smart Preview meglétét. 


Tamási Ákos 


New Smart Collection... 
New Collection Set... 
New Folder... 


Find... 
7 Enable Filters xi 


ilter by Metadata 
7 Show Photos in Subfolders 
Refine Photos... 3ER 


Rename Photo... F2 
Convert Photo to DNG... 


Find AII Missing Photos 
Validate DNG Files 


Synchronize Folder 


Previous Process Photos 

Build Standard-Sized Previews 
Build 1:1 Previews 

Discard 1:1 Previews... 


Previous Selected Photo m- 
Next Selected Photo 8- 


Plug-in Extras [d 


enn Catalog Settings 
r ( cenerai JIZTEKTEZETETEII  metadata 


Total Size: 1 GB 


Standard Preview Size: ( 1024 pixels 


Prevlew Ouality: ( Medium 
Automatically Discard 1:1 Previews: ( After One Day: 


Smart free 
TotalSize: 3 GB 


Import Segvence Numbers. 
Amport Number: 1 


Photos Imported: (1 


Adobe szakértő, az Integro Studio társ-alapítója 


Jelenleg saját vállalkozásomat építem, ahol a közel 15 éves 
tapasztalatommal a nyomdai és fotós Adobe szoftverek 
oktatása a fő területem. Emellett az elmúlt években InDesign 

és Photoshop automatizálást és munkafolyamat optimalizálást 
végeztem nagyobb kiadóknál, vállalatoknál. 


Anaglyph 30 
hatású képek 


Szeretnél 3D-s képet csinálni egyszerűen és 
gyorsan, bármilyen fotódból? Hát persze, 

hogy igen! Most megtudhatod hogy mi a 
legegyszerűbbb módja ennek, és már csak 

egy anaglif szemüvegre lesz szükséged. Tudod 
az piros-kék fóliás, általában fehér keretes 
szemüveg. Ilyet még akár házilag is készíthetsz! 


30 HATÁSÚ KÉPEK 
GYORSAN, EGYSZERŰEN 


Elősször is tudjuk meg mi is pontosan az az 
anaglif kép. A Wikipédia például ezt írja: 


Az anaglif képek az úgynevezett sztereoszkopi- 
) J kus 3D-látvány megjelenítésére képesek, ha 
kétszínű lencsével rendelkező szemüveggel tekintik 
őket. Ez a két szín leggyakrabban a vörös és a cián- 
kék. Az anaglif kép témája két nézőpont felhaszná- 
lásával készül, melyeket két különböző színréteggel 
jelenítenek meg ugyanazon képtérben, így előállítva 
a mélységérzetet. y [) 


Ebből az derül ki, hogy szükségünk lesz egy fotó- 
ra, amin meg kell oldalnunk a két színt, két réte- 
gen. Ahogy láthattad a cikk bevezetőjében, egy 
igazán kellemes témájú képen fogom bemutatni 
a folyamatot. Női olvasóinknak biztosan nem 
annyira izgalmas ez a kép, de remélem nem 
haragudnak majd meg rám emiatt. :) 


Tehát adott a képünk, és most nyissuk meg az 
Adobe Photoshop nevű szoftvert. Töltsd be a 
épett és tedd réteggé egy egyszerű dupla klikk- 
el a background nevű rétegen, a jobb oszlopban, 
majd rögtön duplikáld is a CtrI/Cmd-J billentyű- 

ombinációval vagy kattints a rétegre jobb gomb- 
bal és ott válaszd a Duplicate layer opciót. 


Most jön a varázslat. A felső rétegre kattints 
kétszer, és felugró ablak közepén lévő Advanced 
Blending részben a Channels részben vedd ki 

a pipát az R azaz a red előtt. Be is karikáztam. 


KELLÉKEK 


Crouo from lavers. 


Convert to Smart Object 


Postcard 
New 30 Extrusion Írom elected Layer 


Ez után a felső képet told el balra vagy jobbra, 
a lényeg hogy a piros szín a bal oldalon legyen. 
Mentsd ki a képet, vedd fel a szümeveget és 
nézd meg a végeredményt! 


Adobe Photoshop CC 


2 TAM4CO-ISZI2ONJog 8 E67K (Layer O csn, AC 


b a a92 


Eegyezneská gaz ő 
BO BOAAPNANET 
vs He 


Adobe Photoshop CC 


Eggyézü e SES AE 


Ugye milyen egyszerű? Ha a végeredmény nem kelt igazán 3D-s hatást, akkor mozgasd úgy a legfelső rétegen 
lévő képet hogy a legjobb legyen. 


Papp Ádám [t) thumbir 


Webdesigner, grafikus o twitter 
Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe googlet 


Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


HOGYANCSINÁLD 


Vektoros file-ok 
a weben 


A webtervezés hőskorában az animált GIF-ek 
voltak a menők. A menüpontok ikonjait, 
magyarázó grafikát, vagy a figyelemfelkeltést 
is ilyennel oldottuk meg. Aztán jöttek a JPG, 
majd az átlátszó PNG fileok. Amióta pedig már 
retinás vagy HD felbontású kijelzők vannak, 
mindent tűélesen szeretnénk látni. 


VEKTOROS VAGY 
RASZTERES ICONOKAT 
HASZNÁLJUNK A WEBEN? 


A mostani cikkben nem az SVG HTML5-ben való 
használatáról lesz szó (bár az is megérne egy cik- 
ket), hanem az SVG és a PNG file-ok használata 
közti különbségről. Egészen pontosan azt muta- 
tom be, hogy miért érdemesebb manapság egy 
weboldalon SVG file-okat használni, PNG állomá- 
nyok helyett. 


Az SVG rövidítés a Scalable Vector Graphics sza- 
vakból áll össze, ami egy XML alapú leírónyelv, egy 
vektoros formátum, amellyel jó minőségű, interak- 
tív webes grafikát hozhatsz létre, illetve mozgó 
képeket is felbontástól függetlenül. Ráadásul a 
text" alapú támogatása sem elhanyagolható. 


A PNG file-okat szinte mindenki ismeri. A legfőbb 
erényük az átlátszóság (transparent), vagyis bár- 
milyen háttérre ráhelyezhetjük, az adott alakzat 
vagy szöveg körül nem lesz előre meghatáro- 
zott kitöltőszín. Így a mögötte lévő kép, szín, vagy 
bármi látszódni fog. A neve pedig a Portable 
Network Graphics szavakból áll össze. Veszte- 
ségmentes tömörítésre alkalmas, és sokan a GIF 
utódjának tekintik. 


A web hőskorában a GIF file-ok széles körben 
elterjedtek voltak. Ezeket láthattuk menügom- 
bokként, vagy figyelemfelkető képekként. Aztán, 
ahogy a GIF kiment a divatból és megjelentek 

a PNG file-ok, már azokat kezdték el alkalmaz- 

ni. Animált képeket akkoriban egyre kevesebben 
használtak, illetve ha valaki ilyet szeretett volna, 
akkor ott voltak az egyre népszerűbb, SWF (Flash) 
ile-ok. Most pedig ott tartunk, hogy megjelentek 
az egyre nagyobb, sok esetben különböző fel- 
bontású monitorok, laptopok, telefonok, table- 
tek, amikhez igazodnia kell a weboldalaknak is. 


-n 


Egy logónak, vagy egy hivatkozást rejtő gombnak 
minden felbontáson ugyanolyan szépen és éle- 
sen kell látszódnia, hogy a felhasználói élményt 
ne rontsuk. Mindegy, hogy monitoron, vagy tele- 
fonon nézzük, nem szabad pixelesnek lennie, és 
persze az is fontos szempont, hogy igazodjon az 
adott kijelző méretéhez. 


Mutatok egy példát. A magazin logóját belerak- 
tam egy téglalapba, és kimentettem SVG és PNG 
file-okba. Egymás mellé raktam és belenagyítot- 


pi 


PNG és SVG fileok egymás alatt 


tam a böngészőben. Felül a PNG, alatta pedig az 
SVG állomány látható. 


Azt hiszem jól látható a különbség. A PNG file na- 
gyobb felbontásnál teljesen szétesik, pixeles lesz, 
míg az SVG file éles marad. Tehát, ha SVG file- 
okat generálunk, akkor bármilyen felbontásban 
nézik meg a weboldalt, a használt grafikai elemek 
minden körülmény között élesek maradnak. 


SVG file-t pedig a legkönyebben Adobe /llustrator 
szoftverben tudsz a legjobban és leggyorsabban 
előállítani. 


Most adott a logónk, de elővehetsz saját logót, 
ikont, vagy bármi mást, amit így szeretnél elmen- 
teni. SVG file mentését, az Adobe Illustrator CC, a 
CS6, a CS5.5 és a CS5 verziók támogatják. Mentsd 
ki a File : Save As... menüpontjára kattintva, majd 
válaszd az SVG formátumot a felugró ablak alján! 


e Milustrator [fül Edit Object Type Select Effect View — Window "He 


New... 88N 
New from Template... SEN 
Open... xO 
N Open Recent Files . 
Browse in Bridge... CRO 


Close xw 
Save ses 


Ces 


Save for Web... cegs 


Save Selected Slices... 
Revert sez pi 
kézzézőől mini cre: 


Caua far 


Adobe Illustrator (a) 
Illustrator EPS (eps). 
Illustrator Template (ait) 
3 Adobe PDF (pdf) 
SVG Compressed (svgz) 


Format gjETHETI 1 


(Use Artboards 9AII Range: 1 


——W—W———— ee 1 


Az SVG formátumnak két típusa létezik: SVG és tö- 
mörített SVG (SVGZ). Az SVGZ 50-80 százalékkal 
képes csökkenteni a fájlméretet. Mentéskor egy 
párbeszédablak ugrik fel. Nézzük mi, mit takar! 


SVG 1.0 és SVG 1.1: Minden olyan SVG fájlhoz 
használható, amelyet asztali számítógépen fognak 
megtekinteni. Az SVG 1.1 az SVG specifikáció tel- 
jes verziója, amelynek az SVG Tiny 1.1, az SVG Tiny 
1.1 Plus és az SVG Basic 1.1 részhalmazai. 


SVG Basic 1.1: Olyan SVG fájlokhoz használható, 
amelyeket például kézi eszközökön fognak megte- 
kinteni, viszont nem minden kézi eszköz támogat- 
ja az SVG Basic profilt. 


SVG Tiny 1.1 és SVG Tiny 1.1-t: Olyan SVG fájlok- 
hoz használható, amelyeket például mobiltelefo- 
nokon fognak megtekinteni. Nem minden mobil- 
telefon támogatja az SVG Tiny és az SVG Tiny Plus 
profilt. 


SVG Tiny 1.2: Olyan SVG fájlok esetében hasz- 
nálható, amelyeket sokféle eszközön fognak 
megjeleníteni, kezdve a kézi számítógépektől és 
mobiltelefonoktól, a laptopokon át az asztali szá- 
mitógépekig. Az SVG Tiny viszont nem támogatja 
a színátmeneteket, az átlátszóságot, a vágást, a 
maszkokat, a szimbólumokat, a mintázatokat, az 
aláhúzott és áthúzott szöveget, a függőleges szö- 
veget és az SVG-szűrőhatásokat. Az SVG Tiny Plus 
képes a színátmenetek és az átlátszóság megje- 
lenítésére, azonban nem támogatja a vágást, a 
maszkokat, a szimbólumokat és az SVG-szűrőha- 
tásokat. 


SVG Profiles: SVG 1.1 ka 
SVG 1.0 
4 SVG1.1 
Type: — SvGTiny 1.1 


Fonts 


Subsetting:  SVGTINYL14gígj 
SVG Basic 1.1 


vezet SVG Tiny 1.2 


Image Location: " Embed § Link 


Preserve Illustrator Editing Capabilíties 


Advanced Options 


CSS Propet Presentation Attributes 


Decimal Places: EIN . Encoding: [ünicsdetUTE-§j 


Optimize for Adobe SVG Viewer 5 Output fewer ctspan3 elements 
include Sllcing Data Use ctextPath3 element for Text on Path 


Include XMP 


Description 


8 specifies 


Most nézzük hogy milyen lehetőségeket kívál a 
Fonts rész, ha szöveget is tartalmaz az SVG file! 


Adobe CEF: A rendszer a betűtípus adatait hasz- 
nálja a kisméretű betűk leképezésére. Ezt a betű- 
típust az Adobe SVG Viewer támogatja, de előfor- 
dulhat, hogy más SVG-megjelenítők nem. 


SVG: Nem használja a betűtípusok adatait. Ezt a 
betűtípust minden SVG-megtekintő támogatja. 


Convert to outline (Konvertálás körvonalra): 
A betűket vektorgörbékké alakítja át. Ez a beállítás 
megőrzi a betűk megjelenését minden SVG-meg- 
tekintőben. 


G Profiles: "SVG 1.1 


Fonts 


Type: Adobe CEF 


7 Adobe CEF 
Subsetting: 
sv 


Convert to outline 
Options 


Image Location: " Embed 6 Link 


Preserve Illustrator Editing Capabilities 


Alatta beállítható hogy mely karaktertáblák lesz- 
nek beágyazva az exportált SVG fájlba. 


A legördülő menüből válaszd a None (Nincs) me- 
nüpontot, ha a szükséges betűtípusok biztosan 
telepítve vannak a végfelhasználó rendszerén. Vá- 
laszd a Only Glyphs Used (Csak a használt karak- 
terjelek) beállítást, ha csak a grafikában szereplő 
szövegek karaktereit szeretnéd exportálni. A töb- 
bi érték (Common English, stb.) akkor hasznos, ha 
az SVG-fájl szöveges tartalma dinamikus (például 
a kiszolgáló által generált vagy a felhasználó által 
bevitt szöveg). 


SVG Profiles: "SVG 1-1 
Fonts 
Type: "Adobe CEF 
Subsetting: 


Options 


Image Location: Common English 


Common English § Glyphs Used es 


Common Roman 
Common Roman ér Glyphs Used 


Advanced Optior 
AI Glyphs 


CSS Properties: 


Decimat Ptaces: EIN . Encoding: " Unicode (UTF-8) 


ze for Adobe SVG Viewer 7 Output fewer ctspanz elements 
include Slicing Data Use ctextPatho element for Text on Path 


Include XMP 


Description 


Foglalkozhatnánk még a többi beállítási lehető- 
séggel, viszont a célunk most az, hogy gyorsan 
és egyszerűen tudd használni a SVG file-okat a 
HTML-en belül. 


A legjobb az egészben, hogy az SVG file-okat is 
ugyanúgy tudod használni, mint mondjuk egy 
PNG filet. Előbb nézzük meg, hogy milyen lehető- 
ségek vannak: 


. cimg src-"your.svg "72 

e cobject data-"your.svg "72 

e ciframe src-"your.svg "72 

e cembed src-"your.svg "72 

. cdiv style-"background:url(your.svg) "2... sZdiv: 


Nekünk most az első tétel, azaz a kép beszúrásá- 
ra lesz szükségünk. Igen, ahogy látod, csak meg 
kell adni a file elérési útját és már működni is fog. 
Íme egy példa az alkalmazására: 


e cimg src-"pdm-svg.svg" alt-"SVG file" /2 


Természetesen meg lehet adni a file méretét is, 
de nem szükséges. Az Adobe Illustrator szoftver- 
ből úgy mentsük ki a tartalmat, hogy a dokumen- 
tum mérete akkora legyen, mint a benne lévő tar- 
talom maximális szélessége és magassága! 


Így néz ki mindez a Dreamweaverben: 


[Ede so [ Design [rve] 9. Tre: GvcvsPrc ] dt 


0 adhH CA 


€idoctype html 
htm 

3 cheads 
meta charset-"UTF-8"3 
ctítlesSVG vs. PNGc/titles 
/heads 


két éz ült Br] 


cbodys 


ési 


cíimg srcz"pdm-svg.svg" alt-"SVG file" /4 


/bodyz 
e/htmils 


2290 AHscMm 


Ha mondjuk háttérképként szeretnél használni 
egy logónak szánt SVG file-t, arra is van lehető- 
ség, hasonló egyszerűséggel. Íme egy példa: 


e ca href-"http://www.webcim.hu" class-"Iogo" 
:Kukutyin Kft.s/a- 


" .logo( 

e display: block; 

e text-indent: -9999px; 

e width: 100px; 

e height: 82px; 

e background: urk(pelda.svg); 

.  background-size: 300px 150px; 


Arról már volt szó, hogy az SVG különböző verzióit nem mindegyik böngésző támogatja. Az alábbi táblázat ösz- 
szesíti, hogy a főbb asztali és mobil böngészők, mely verziótól támogatják az SVG file HTML-ben való használatát. 


ASZTALI BÖNGÉSZŐK 


Google Chrome Firefox 


Opera Safari 


Internet Explorer 


Támogatás 


(verziótól) 51 Ede 


170 T/40 540 z 


MOBIL BÖNGÉSZŐK 


iOS Safari Opera Mini 


Android böngésző 


Blackberry 


zők IE mobil 
böngésző 


Támogatás 


(verziótól) 8 50 


30 70 100 


Azt tanácsolom, hogy bátran próbálgasd az SVG 
ile-okat, az Illustrator vagy bármilyen SVG men- 
ésre alkalmas vektoros szoftver mentési lehető- 
ségeit és érdemes kipróbálni, hogy mi mit csinál. 


Ha megvagy a HTML kódolással is, mindenkép- 
pen teszteld le az összes létező asztali böngé- 
szőn, és mobilonztableten is. Nincs rosszabb 
annál, ha a felhasználói élmény a különböző plat- 
ormokon nem egységes. 


SZOFTVER 


SVG mentésére alkalmas vektoros 
szoftverek, TXT/HTML szerkesztők, 


Al Adobe Illustrator 
DwWw Adobe Dreamweaver 


ELKÉSZÍTÉSI IDŐ 


5-10 perc c (feladatfüggő) 


Ha részletesebben érdekel az SVG file és a 
HTML-en belüli támogatottsága a böngészőknek, 
akkor a http://caniuse.com/átcats-SVG oldalon 
részletesen utána tudsz nézni. 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


B turor 
Ív) twitter 
e googlet 


Tilt-shift effekt " 


Biztosan hallottad már a ,tilt-shift" kifejezést, 
amit a fotók esetén szoktak használni. Ismert 
fogalom a fotósok és grafikusok, videósok köré- 
ben is. Ez maga a miniatürizálási technika. Úgy 
fotózod le az adott helyet, vagy később olyan 
hatást érsz el, hogy az agyunk azt higgye; va- 
lamilyen miniatűr világot látunk. Tudod, mint 
anno a terepasztalok esetében. 


Tehát a tilt-shift lényegében egy effekt - ha a gra- 
ikusi oldalról közelítjük meg - a fotón, ami olyan 
átszatot kelt az agyunkban, mintha miniatűr dol- 
gokat látnák. Ehhez persze az is kell, hogy a kép 
úgy legyen fotózva, hogy abból jó miniatűr képet 
ehessen varázsolni. Aki utómunka nélkül szeret- 


ne ilyen képeket készíteni, annak a megfelelő ob- 
jektíveket érdemes választania. 


Én most maradnék a grafikai utómunkánál. Szám- 
alan webes felületen, vagy ingyenes/fizetős kis 
szoftverrel meg lehet oldani egy ilyet, viszont ez a 
unkció az Adobe Photoshop CS6/CC szoftverek- 
ben alapértelmezetten megtalálható. 


€É Photoshop File Edit Image Layer Type Select 
: lur Gallery 


Dar 57 Mto-Select EGYETT 57 show Transform Controls 


Convert for Smart Filters 


 SAML0065jpg € 50X (RCB/B4) " 
r. Filter Gallery... 


Lens Correction... 
Liguify. 

Oil Paint... 
Vanishing Point... 


f Blui 
Distort 
Noise 
Pixelate 
Render 
Sharpen 
Stylize 
Video 
Other 


VOFHA HAL 


ARBRBRBENANAT 


Digimarc 


Browse Filters Online.. 


A képünkre pedig rákerült egy-egy szaggatott, és 
egy-egy sima vonal, valamint egy középpontot jelző 
kör. Ezt oda mozgathatod, ahová csak szeretnéd. 
Célszerű a kép témájára illeszteni. A szaggatott és 
a sima vonalakat is tudod mozgatni külön-külön. 
Ezzel tudod a homályosítás mértékét beállítani. 


Adobe Photoshop CS6 


hügh Gsalty 9 reven €) ETET 


3D View Window Help 


Adaptiíve Wide Angle... 


Nyisd meg a szoftvert és töltsd be azt a képet, 
amit miniatűrré szeretnél varázsolni! A trükk nem 
más, mint a megfelelő helyeken való homályosí- 
tás, életlenítés. Ezt többnyire a kép felső és alsó 
részén, de előfordulhat hogy függőlegesen, a 
jobb és bal oldalon, vagy csak bizonyos helyeken 
alakítjuk ki. A kép többi része éles marad, így jön 
létre a miniatűr érzete. 


Tehát, ha megvan a megfelelő kép, akkor menj a 
Filter 2 Blur : Tilt-Shift Blur menüpontra és az itt 
feljövő ablak, jobb oldalán lévő panelen tudod ál- 
lítgatni a paramétereket. 


GMO IO 
Adobe Photoshop CS6 


rar ézy 

Field Blur... 
Iris Blur... 

ilt-Shifi 
Average 
Blur 
Blur More 
Box Blur... 
Gaussian Blur... 
Lens Blur... 
Motion Blur. 
Radial Blur. 


A sima vonalak közepénél található egy-egy kis 
kör, amelyekkel a homályosítás szögét forgatha- 
tod. A középső kör szélén, a világos sáv mozgatá- 
sával lehet a hatást erősebbre, vagy gyengébbre 
venni, de ugyanez az érték a jobb oldali panelen 
is állítható a Blur: opciónál. 


Konkrét beállításokat nem is mondanék. Ezt rád 
bízom. Próbálgasa, játssz vele, pár próba után 


biztosan jó tilt-shift képeket fogsz csinálni. A jobb- 


oldali panel tetején van még egy Iris Blur és egy 
Field Blur is. Próbáld ki ezeket is! Az Iris Blur ta- 

lán még akkor jöhet jól, ha egy bizonyos pontot 

arsz így kiemelni, mondjuk azt a fehér parkoló 
autót ott a fák alatt. 


a 


utatok még pár ilyen megoldású képet és vide- 
ót is. A párizsi képnél megfigyelhető, hogy nem 
minden van homályosítva, az Eiffel-torony lába 
például éles. Jó próbálgatást kívánok! 


SZOFTVER 


Grafikai szoftverek, online tilt-shift generálók 


Ps Adobe Photoshop 


tiltshiftmaker.com 


ELKÉSZÍTÉSI IDŐ 


5-10 perc c (feladatfüggő) 


Lt tt ti 
1... 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


(tj) thumblr 
o twitter 


googletr 


k 


acanev535 
.£ ctitulusz2 


c ctelefonszam-? 


a cmobib? 


Data Merge avagy 
adategyesítés " 


Akik használják az InDesign-t, azok biztosan ke- 
rültek már olyan helyzetbe, hogy sok adatot 
tartalmazó anyagot kellett elkészíteni, relatíve 
gyorsan. A Data Merge (adategyesítés) funkciót 
pont erre találták ki. Több 100 névjegykártya 


automatikus generálása pár kattintással? Igen, 
ez lehetséges! 


ecgmajlzz——— 


MOS ge 
SAN Records 


1142 

(ei 

. Single Record: a ! 
1 joiRanae; 14 ! 
A Enter record nunbeis ága 


Tor ranges separted by 


Commás, for example; 1. 4.6-i1 


Records per Document Page: ! Single Record 


This option wili generate pages 

"containing one gr more cözies of 
the same record, using vour target 
Ööcumerts layout. 


layout merged document 
VA Generate Overset Text Report with Document Creation 
(M Alert When Images Are Missing 


Preview Multiple Record Layout 


Page. 4 41 já la 


SOK ADAT KEZELÉSE 


PÁR KATTINTÁSSAL 
Es AUTOMATIZÁLÁSSAL 


KÉSZÍTSÜNK NÉVJEGYKÁRTYÁT 


A Data Merge funkciót, egy névjegykártya dizájn 
legeneráltatásával fogom bemutatni. Most csak 
pár adat lesz a segítségemre, de akár több száz 
ilyen, vagy hasonló adattal is el tudjuk ezt végezni. 
A lényeg a folyamaton van. 


Vegyük azt a példát, hogy egy 500 fős multinaci- 
onális cégnél dolgozunk, és el kell készíteni min- 
denki névjegykártyáját. Hogy kezdjünk hozzá? 


A JÓBARÁT: EXGEL 


A névjegyhez szükség lesz a névre, a titulusra, a 
telefonszámra, mobil számra és az email címre. 
Ezek mind változó adatok, a fix adat ugyebár a cé- 
günk neve és postacíme. Az adatok begyűjtésé- 
hez a legjobb barátunk, az MS Office táblázatke- 
zelője, az Excel lesz, de jó bármilyen más hasonló 
szoftver is, ami tud menteni vesszővel elválasztott 
.csv vagy tabulátor tagolású .txt fájlt. 


Mi maradjunk most az Excelnél! Nyisd meg és az 
első sor celláiba, sorban írd be a , nev", , titulus", 
vtelefonszam", , mobil", és az ,email" azonosító- 
kat. Fontos, hogy ékezet nélkül legyenek, jobb 
elkerülni egy esetleges későbbi galibát. Ezt a fájlt 
ezután el kell küldeni mindenkinek, hogy írja bele 
a saját adatát, majd küldje vissza neked. 


Ha mindenki beleírta az adatait, akkor mentsd el 
az egészet tabulátorral elválasztott .txt file-ként a 
File : Save as... menüpontban. A felbukkanó ab- 
lak alján tudod ezt az opciót választani. Ilyenkor 
az adatok és az első sor is vesszővel elválasztott 
lesz, ami segíteni fog az InDesign-nak a helyes 
azonosításban. 


ADATOK EGYESÍTÉSÉRE FELKÉSZÜLNI! 


Megvan a .csv file, jöhet az InDesign. Nyisd meg 
és hozz létre egy 90x50 mm-es új dokumentu- 
mot, ami a szabványos névjegykártya méret. 

A margót és a kifutót (Bleeg) állítsd 5 mm-re! Bár 
most nem fogunk design-t készíteni, de a kifu- 
tó mindig kell. Ha ez megvan, akkor a Windows : 
utilities 2: Data Merge panel bekapcsolásával tu- 
dod a korábban kimentett fájlt betölteni. A panel 
jobb felső sarkában, a kis ikonra kattinva a Select 
Data Source... szövegre kattintva tudod ezt meg- 
tenni. Az ekkor felugró ablakban megadhatjuk az 
importálás paramétereit, az OK megnyomásával 
nedig meg kell ielennie a7 Excel file elcő coráhan 


SZOFTVER 


InDesign és egy táblázatkezelő szoftver 


Adobe InDesign 


Microsoft Excel 


ELKÉSZÍTÉSI IDŐ 


10 perc c (feladatfüggő) 


Excel File Edit View Insert Format Tools Data Window $  Heli 


eee 
2 m sasxon 


Bowapratr [Eenear 
)EE[BEJ (merge 7 


( Workbook1 


(EB ir 90 


—1—-——D 


D 1 


E 


I 


1 nev 


eti titulus 

. 2 TesztElek igazgató 

.3 Gipsz Jakab manager 

4 Kovács Pista raktáros 

. 5 TóthJúlia ügyintéző  06-1/100-203 06-30/100-20-20 julikaGotesztelunk.hu 
6 


telefonszam — mobil email 
06-1/100-200 06-30/100-20-00. info6otesztelunk.hu 
06-1/100-201 06-30/100-20-10 gipsz.jakabOrtesztelunk.hu 
06-1/100-202 06-30/100-20-20  pityu€tesztelunk.hu 


A képek Excel Workbook (.xisx) 
Workbook (.xis) 
Excel Template (.xito) 
Excel 97-2004 Template (.xIt) 
Comma Separated Values (csv) 
Web Page (.htm) 
PDF 
Speclalty Formats 
Excel Binary Workbook (.xisb) 
Excel Macro-Enabled Workbook (.xlsm) 
Excel Macro-Enabled Template (.xltm) 
Excel 2004 XML Spreadsheet (.xm)) 
Excel Add-in (.xlam) 
Excel 97-2004 Add-in (.xla) 
Single File Web Page (.mhi) 
d UTF-16 Unicode Text (.txt) E 
IL ezer ab Delimited Text Ctx 
Dásájási Windows Formatted Text (txt) I 
MS-DOS Formatted Text (txt) j: 
ors he daN TEAT windows Comma Separated (csv) si 
MS-DOS Comma Separated (csv) 
Learn more about file form SPace Delimited Text (.prn) 
Data Interchange Format (.dif) ] 
Symbolic Link (.sIk) ] 
Options... ) (Compi Excel 5.0/95 Workbook (-xls) ered 
Mini Bridge 
Object § Layout . 
Output . 
Pages sF12 
PatternMaker 
7 Stroke 3éF10 
Styles Ld 
Text Wrap ACseW 
4 Tools 
Type € Tables ld 


utilíties 


4 Application Frame 
4 Application Bar 


(3 Background Tasks 


Data Merge 
Script Label 
Scripts 


Select Data Source... 
Export To PDF 


] Update Data Source 


Remove Data Source 


Agg 


beállított azonosítóknak, egymás alatt. 


A dokumentumba hozz létre egy szövegboxot, 
formázd meg valamilyen betűtípussal és méret- 


Content Placement Options... 


CKETT 
7 23 Show log of Update Results 


bh) 


dtitulusz 5 sz 
xtelefonszam:- BE 
cmobib: 


tel, majd a Data Merge panelben, az azonosítókra 
kattintva rakd bele azokat, egymás alá! Láthatod, 
hogy a szövegdobozban is ugyanaz a nevük, mint 
a panelen. A formázás azért fontos, mert a gene- 
rálásnál eszerint fogja bepakolgatni az adatokat. 
Természetesen, akár stíluslapokat is használhatsz. 
A panelben, a sor végén látható szám, azt az ol- 
dalszámot jelöli, amelyikre be lett szúrva. 


GENERÁLJUNK! 


A panel jobb alsó sarkában van egy kis ikon (Crea- 
te Merged Document). Ezt nyomd meg! Itt felug- 
rik egy ablak, aminek a beállításaival jelen eset- 
ben nem kell foglalkozni, mehet az OK gomb. 
(Persze gyakorlásképpen nyugodtan próbáld ki a 
lehetőségeket. 


A Data Merge hatására annyi oldal jön létre, ahány 
adatsorunk, rekordunk volt a táblázatban. Ha 
esetleg - valamilyen okból - a szövegboxból kifut- 
na a szöveg, azt jelezné az InDesign, de azt is jelzi 
a generálás végén, ha mindent rendben talált. 


A bal oldali képen láthatod is a végeredményt. 
Ugye milyen egyszerű volt? Akkor extrázzuk meg 
egy kicsit, mégpedig azzal hogy fotót/képet is ge- 
nerálhatunk így az adatok mellé! 


GENERÁLJUNK KÉPEKET IS! 


A folyamat megegyezik az előbb leírtakkal, viszont 
most annak az oszlopnak a tetejére nem elég be- 
írni azt hogy kep, hanem egy 0 jelet is tennünk 
kell elé, tehát Ekep. Az elérési út megadása pedig 
eltér a Windows-os és az OS X-es gépeken. 


Windows esetén: 
cCwképektbela.jog vagy CXKépektbela.psd 


OS X esetén: 
Mac HD:Képek:bela.jpg vagy Desktop:bela.psd 


A lényeg hogy a root könyvtárból kiindulva, pon- 
tosan, úgy ahogy a mappa elérése ténylegesen 
szerepel, adjuk meg az elérést, és a fájlneveket. 


Én most az egyszerűség kedvéért csináltam négy 
60x60 pixeles, színes négyzetet, és azt fogom a 
nevek mellé berakatni. A képek generálásánál egy 
Rectangle Frame Tool-al rajzolt keretbe rakd be 

a kep azonosítót, amit akkora méretűre alakíts, 
amekkora a kép! Így tökéletes lesz. Ezután a folya- 
mat a szokásos módon folytatódik, majd a gene- 
rálás után jól kell látszódnia mindennek. Ha eset- 
leg nem jó valami az elérési útnál, azt jelezni fogja 
a szoftver. 


(Gipsz Jakab 


Balra látható az eredmény, ne a designt nézd! 

) Így, ezzel a módszerrel lényegében bármilyen 
hasonló folyamatot automatizálni tudsz, legyen 
szó névjegykártyáról, vagy címkékről, vagy bármi 
olyasmiről aminél sok a változó adat és nem aka- 
rod egyesével bevinni! 


kik 
e 


cs Pista 
Próbálgasd a lehetőségeket, tesztelgesd! Ha va- 


lahol elakadtál, akkor nyugodtan írj a Facebook 
oldalunkra, vagy az info(opixeldesigners.hu mail 
címre. 


, BOYDIS HARDWARE . 2008 
Danger Red Flag 


Ha komolyabban érdekel ez a téma, akkor nézd 
meg az alábbi Adobe TV-s videót, ahol egy ka- 


talógus elkészítésében hívják segítségül a Data 
Merge funkciót. A videó angol nyelvű 


ELELTEZETETTEKETTERETET 


Papp Ádám [t) tumbir 


Webdesigner, grafikus Ív) twitter 
Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 3") googler 


Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


HOGYANCSINÁLD 


VSCO Cam 
filterek 


Az iOS készülékeimen mindig is nagy rajon- 
gója és megszállottja voltam a Visual Supply 
Company által készített VSCO Cam alkalmazás- 
nak. Aki esetleg nem ismerné az applikációt, 
annak mindenképpen ajánlom, hogy töltse le 
bármelyik iOS készülékére (bár sajnos, egyelőre 
csak az iPRhone-ra optimalizált változata elérhe- 
tő) és próbálja ki. 


MacBook Air 


FOTÓZZ BÁTRAN, 
AKÁRCSAK A PROFIK! 


A fő ok, amiért én sokkal inkább előnyben része- 
sítem a VSCO Cam alkalmazást, bármely másik 
képszerkesztőnél, az az egyszerűség. Néhány év 
használat után pedig, egyre inkább elkezdtem 
azon gondolkodni, hogy hogyan tudnám kikeverni 
magamnak azon filtereket, amelyek elérhetőek az 
alkalmazásban. Szerencsére nem kellett mindent 
magamnak elkészíteni, hiszen a Visual Supply 
Company honlapján bárki megvásárolhatja a tel- 
jes csomagot, ami több száz egyedi, előre elkészí- 
ett filtert tartalmaz. 


[szása 7] [EK]. [51] 
Finy-és 1  Oulck Fores 
Yv White Balance sari 
(GT [karara Wie Balance 
ggg fe 

] "moodblog 
see ai 
zzteázá 
et 
ee tán 
KEZET 


YI Exposure 
Exposure: S 
Recovery VT 

Back Polnt: 
rightnessz 


Save as Effect, 


Me ták Efedis 


Definítton ——————— 
Saturatlon ——4—— D 
Ven seg (00) 
.Tint 
9 Highlighus 4 Shadows 50.) 
Hoho ———— (7007) 
Shadows W———— (00 7) 
Mid Coma 9 (00) 


TELEPÍTÉS 


A filterek telepítése szinte gyerekjáték, mind az 

Aperture, mind pedig a Lightroom esetén. Mi- 

után megvettük és letöltöttük a saját ízlésvilá- 

gunknak megfelelő csomagot, nincs más teen- 

dőnk, mint importálni azt az általunk használt Pé... 
applikációba. Az Aperture esetén ehhez csak any- 

nyit kell tennünk, hogy az Inspector nézetben ki- 

választjuk az Adjustment fület, majd az Effects, Edit 

Effects résznél egyszerűen importáljuk a letöltött 
csomagunkat. 


A Lightroom esetén ugyanez a művelet egy ki- 

csit talán bonyolultabb. A Lightroom Beállítás pa- 
nel-jén belül, a ,Presets" fület kiválasztva megta- 
lálhatjuk a , Show Lightroom Presets Folder..." nevű 
gombot, amely megnyitja nekünk azt a Finder KENE 
mappát, amelyen belül a Develop Presets mappá- 

ba kell mácolnunk a letöltött effekteket éc heállí. 


Én személy szerint Aperture rajongó vagyok, mi- 
vel az én munkafolyamatomnak az Apple profesz- 
szionális alkalmazását találtam a legmegfelelőbb- 
nek. Akik viszont inkább az Adobe Lightroom 
applikációját részesítik előnyben, azoknak sincs 
okuk a panaszra, hiszen a VSCO Cam filtercso- 
magjai szintúgy elérhetőek, sőt e cikk megírásával 
egyidőben, több csomag áll a Lightroom felhasz- 
nálók rendelkezésére. 


[9] VSsco.co/vscocam 


Hir alale a 


[RJA- vrraed ertene) 


APA 


5 VSCO Film 01. 
5 VSCO Film 01 Grain. 
5 VSCO Film Toolkit 

5 VSCO Film 02 

5 VSCO Film 02 Grain. 
) VSCO Film Toolkit 1.1 


Cancer ) EOK 


tásokat. (Ennek a mappának a helye alapesetben 
a -ibrary/Application Support/Adobe/ 
Lightroom/Develop Presets helyen található.) 


eee 1 Develop Presets fd 
"(emi E (5J(zI(e(e] a ) 
FAVORITES "(ll Accounts "(ül AdáressBook 7 (ll AAMUpdater 7 (ll Color Profiles 7 (ll User Presets G 
E AI My Files " (II Address Book Plug-ins —— " (MIVAdóbe "(I Adobe Illustrator 17 " CE "(I VSCO Film 04 Canon . 
ő "(lg Application Scripts "(XI Aperture 7 (fül Adobe POF . 5 (ll VSCO Film 04 Fuji . 
2 AirDrop "CI Application Support. "(ll App Store "(ll Adobe Photoshop CC "(ll External Editor Presers — " (ülj VSCO Film 04 Leica r 
JA Applicati... 7 (I Assistants "(ll AppCleaner 7 AIR "(ill Filename Templates "- (ll VSCO Film 04 Nikon . 
SZ Dö 7 (I Audio "(I Apple 7. (IZ CameraRaw "(I Filter Presets 7 (ül VSCO Film 04 Olympus 
"(I Autosave Information" (il] Apple Gmaster " (XZI CEPServiceManageró 7 (EZI import Presets 7 (ül VSCO Film 04 Sony . 
E Desktop " (M Backuj . : G , , 
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(Xg Dictionaries "(I Final Cut Pro "E Sonar r (ll VSCO Film 0... gsten - Fuji. 7 
DEVICES 
(I Facebook "(lg Firefox ;, (íg VSCO Film 0...sten - Leia." 
O Remote... (EZI Favorites 7 ( Fraise ; (E VSCO Film 0...sten - Nikon. " 
tató CZ Fiters " ( GarageBand ; (ig VSCO Film 0... - Olympus 
§ f (XI FontCollections (EZ Google , (EI VSCO Film 0...sten - Sony." 
School (3 Fonts "(il GrassGames ; (ii VSCO Film 0...- Standard" 
6 Fashion (EI Fonts Disabled " ( icloud ;, (EI VSCO Film Toolkit , 
gc (E Camekit "(I iLifeAssetManagement 5 (ii VSCO Film Toolkit - Color. 4 
(ül Google "(I ilifeMediaBrowser , (4 VSCO Keys [4 
0 vörös (il Group Contalners 7 (ij iSkysoft . 
6 Narancs (EA identítyservices 7 ( Ubrarian ; 
6 Sárga EZ Movie "(li mait ; 
(EZI input Methods "(ll Microsoft ;, 
6 kék (E internet Accounts 7 (il Mobilesyne . 
Szürke (EZ internet Plug-ins "E Motion : 
AI Tags.. (Ea rrunes 7 ( Moziíta ; 
(EZI Keyboard Layouts 7 (I NotificatlonCenter ;, 
(Eg Keychains 7 [il org.videolan ve , 
(EJ Launchagents "(IZ Piex Media Server L 


(3 Macintosh HD s (4 Users "4 danielkorpai r (ij Ubrary " (7 Application Support " (3 Adobe " (Z] Ughtroom " (3 Develop Presets 


26 items, 14.31. GB available 


F3 gi sző. Aportura... File... Edit... Photos.. Stacksaa ...-WuTEBALANCt. lssjíleűős 
Ha készen vagyunk az előre el- CKII 48 — Davtight/ Flash Aperture 


észített beállítások importálásá- 
val, azonnal nekiláthatunk a teljes 
ényképtárunk újraértelmezésé- 


hez, hiszen a több száz, leghíre- €5p. Highiights Save 


——-HIGHUIGHTS/SHADOWS-—-— 


D 


sebb kamerák jellegzetes beállítá- 
Sait tartalmazó csomag, teljesen új 
nézőpontot visz abba, ahogyan a 
épeinkre tekintünk. Emlékszem, 
mikor megvettem a csomagot, ZTLEZI 


et ree] z 23 Exposure: VSCO Film 01 Grain Faded Highlights 
öbb órát egész egyszerűen csak ése corn Tok fiótástadovs 
ísérletezgetéssel töltöttem, hogy bgheness — EKETTETEEZT ET ENE] feőtdícont 
Fi 2 £ £ 1 "Creamy Highiights. 
melyik effektet, melyik képemnél "CT Enhance Cst tél 


ehetne a legjobban kihasználni. 
Egyszerűen megdöbbentően kifi- 
nomultak és alig igényelnek utó- 
agos finomhangolást, amelye 
ermészetesen bármikor megte- 
hetünk és rájuk alapozva hozha- 
unk létre újabb, még egyedibb 
szűrőket is. 


Revert to Original 


A Lightroom felhasználóinak azonban itt még 
nem ér véget a már-már mennyországnak tűnő 
képszerkesztés, hiszen a VSCO Cam nemrég el- 
érhetővé tette a VSCO Keys nevű kiegészítőjét, 
amelynek segítségével egy online felületen, teljes 
mértékben személyre tudjuk szabni a Lightroom 
billentyűzetének viselkedését és funkcióit, így se- 
gítve az alkalmazáson belüli munkát. 


A VSCO Keys mögötti alapötlet véleményem sze- 
rint teljesen jogos, hiszen képszerkesztés során 
rengeteg időt töltünk el azzal, hogy állandóan a 
billentyűzetünk és az egerünk között mozgatjuk 
a kezünket, még akkor is, ha csak egy egyszerű 
ontrasztot, vagy fényerősséget szeretnénk mó- 
dosítani. A Keys segítségével rendkívül látványo- 
san és egyszerűen megoldható, hogy egy szem- 
pillantás alatt tudjunk váltani a normál és a VSCO 
Cam filtereknek és beállításoknak megfelelő bil- 
entyűzet gyors funkciói között. 


e0e TH Uohtroom 5 Catalog.lrcat - Adobe Photoshop Lightroom - Develop 


Korpai Dániel 


Apple fanatikus, blogger 


THIS KEYBOARD HAS NO SHORTCUTS ASSIGNED 
CREATE ONE 


Összességében elmondhatom, hogy rendkívül 
elégedett vagyok a VSCO Cam által nyújtott kisal- 
kalmazásokkal és kiegészítőkkel, amelyekkel elér- 
ték, hogy teljesen más szemszögből tekintsek 

a képeimre, nem csak az utómunkálatoknál, hanem 
a komponálással egyidőben is, hiszen a valódi fény- 
képezés már jóval hamarabb elkezdődik, mintsem 
bekapcsolnánk a fényképezőgépünket. 


Develop 


[f) facebook 


twitter 


Jelenleg a Budapesti Corvinus Egyetem Nemzetközi 
gazdálkodás szakán tanulok, valamint aktív tagja o instagram 
vagyok a Szifon.com csapatának. Szabadidőmben 
autodidakta módon honlapfejlesztéssel 

és webdesignnal foglalkozom. 
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Adobe Muse CC 2014. 
Egyedi (de nem web) fontok használata 


Az Adobe Muse CC 2014 szoftver augusztus 13-án frissült, megkapta a 2014.1-es verziószámot és - a sok 
jóság mellé - kapott még egy olyan lehetőséget is, ami már nagyon hiányzott! Webfontokat eddig is lehetett 
használni, pontosabban az Edge Web Fontok közül lehetett választani, mostantól viszont végre bármilyen 
saját betűtípust alkalmazhatunk a szoftveren belül! 


A Muse eddig is arról volt híres, hogy programo- 
zói tudás nélkül is, viszonylag gyorsan össze le- 
het dobni vele egy weboldalt. Elkészíted a designt 
mongjuk Photoshopban, kimented a grafikai ele- 
meket a Generator segítségével, és a Museban 
pedig csak összerakod vele újra. 


JÖHETNEK A SAJÁT FONTOK 


Ahogy már említettem, az Edge Web Fontok kö- 
zül bármikor lehetett választani egyedi betűtípust, 
amit rögtön használni is tudtunk. Persze azokat a 
betűtípusokat is használhattad amik a saját gépe- 
den voltak, viszont azokat képként mentette ki a 
Muse. Ekkor még figyelmeztetett is! Most viszont 
már lehetőség van ezeket a betűtípusokat rende- 
sen használni. Ehhez csupán rendelkeznünk kell 
a .WOFF, .EOT, és .SVG verzióival is, a .TTF mellett 
természetesen! 


Még mielőtt a Muse-nak nekiesnél, előbb látogass 
el a http://everythingfonts.com/ oldalra, és a meg- 
lévő .TTF fájlokat - amiket használni szeretnél - 
mentsd el WOFF, .EOT és .SVG változatban! Ahogy 
a jobb oldali képen is látszódik, elég sok konver- 
tálási lehetőséget kínál a weboldal, viszont neked 
csak erre a három kiterjesztésre lesz szükséged. 


EGYEDI BETŰKET, MOST! 


Megvannak az új kiterjesztésű fontok? Szuper! 
Akkor most nyisd meg gyorsan a Muse CC 2014 
szoftvert, illetve azt a weboldaltervet, ahol egyedi, 
saját fontokat szeretnél használni! 


SZOFTVER 


Webszerkesztő szoftver 


Adobe Muse CC 2014 


ELKÉSZÍTÉSI IDŐ 


10 perc c (feladatfüggő) 
ttf conversions ttftoeot 
otf conversions ttf to otf 
woff conversions ttf to woff 
y postscript conversions" . ttftosvg 
:.onver A 
sfd conversions ttf to sfd 
Eefont-face ttf to afm 
b. Fonts 
Cufon Generator ttf to pfa 
Font Conversion API ttf to pfb 
ETEE Eer peremen ttftops 
rts ttf format font files to woff files. This is an onlin ttftopt3 hat 
er. No additional software is necessary. Notallfor  ttf to t42 dl so 


f our tools refuse to do the work for you! ?) 
a. ttf to apk 
9 convert to woff format. The converted wOnrumwmewnwus-avallable to 


nputer immediately. 


ert to .woff 


b 
Our Global Cloud Platform Just Got More Global. 
f SOFTLAYER 
5. 0 ig Comoany 


Eddig a saját, a számítógépen használt fontok al- 
kalmazása esetében egy JPG fájlt mentett ki a 
Muse. Erre figyelmeztet is, ahogy azt a jobb ol- 


Recently Used Fonts 


dali képen is láthatod. (System Fonts - export as Tungsten Extra Light 
image) Az augusztusi újdonságban viszont, már Ádalasznáksást szasz 
Web Fonts 
vtelepíthetjük" a saját fontunkat is. EGET SSE 
Tungsten Same 
Az ,Add Web Fonts..." sorra kattintva a megszo- ervet TET 
kott ablakot kapjuk, viszont az Adobe Edge Web Comicsans Sample 
Fonts fül mellett megjelent a Self-Hosted Web sel éssi 
Fonts fül is, ahol húzd és vidd technikával, vagy Giga; Sámálé 
egy adott mappa tartalmának beolvasásával tu- ij HEjáá 
5 A k 80 Lucida Sans ample 
dod a fontokat telepíteni a Muse alá. Ahogy látod, Kálákéő; szál 
jelzi is a Muse, hogy a .WOFF, .EOT, és .SVG állomá- Times Sample 
nyokra is szüksége lesz. KZGÉBI Hákái 
System Fonts (exports as image) 
Mek As ete ADAM.CG PRO. SAMPLE 
: Web Fonts Salf-Hosted Web Fonts EE égrte 
Aaux ProBlack Sample 
Aaux ProBlack Italic Sample iv] 


Add Self-Hosted Web Fonts 


Use web fonts from your computer on your website! 


Locate Folder Drag and Drop. 
azza : T 


"EA Fonts (a added 
17 soutce Sans Pro inek More Options 
teame regyírements ete) 


Source Sans Pro Extralight 


Add Web Fonts 


Muse will automatically match the web font files to. 


rce Sans Pro Light 
System fonts on your computer. Source Sans Pro Ugt 


ca0a0 m 


k 
k 
k 
hk 


Source Sant Pro Regular 


Cancel ] [.0k] 


Innentől már egyszerű a dolgok menete. Egy új ab- 
lakban mutatja majd, hogy hány darab fontot olva- ti 
sott be sikeresen és törölni is itt tudod őket. 


[ Source Sans Pro Black. ] 


A példa kedvéért az Open Sans Pro fontkészletből 
a Black, Light, Extra Light és a Regular verziókat 
használtam fel. Ezek most .OTF fájlok és lekonver- 


(reduíred) 9 Ueemse 


táltam mellé az .EOT és a WOFF fájlokat is. Az SVG sors KEYAYNYETENIT özzsznoszti 

verziót direkt hagytam ki, ugyanis enélkül is jóvá- EDE TE SAE a 
hagyja a használatot a Muse. Az .SVG fájl hiányá- FESZES 

ban sárgán jelzi, hogy bár elfogadta, de csak azzal ESSEZEREZEENT] Ez 

lesz teljesítve minden elvárás. Az .SVG fájlra a ré- es featventraékna code 


7 Surcesamoro-iack seg 


gebbi Androidos eszközök miatt van szükség. Ha 
azt is megadjuk neki, akkor már zöld lesz minden. 


Ilyen egyszerű, innentől kezdve már a listában is 
megjelenik az új betűtípus! 


Az Adobe TV oldalán van egy videó, mely a folya- 
matot részletesen bemutatja, így ezt vizuálisan is 
megnézheted. :) 


Többek között ez az egyik újítása a Muse CC 20141 
verziójának. A cikk írásakor kaptam az új infót, 
hogy hamarosan frissül a Muse 2014.2-es verzió- 
ra, amiben már végre a Find/Change lehetőséget 
is megkapjuk. A többi Adobe szoftverhez képest 
viszonylag gyorsan frissül a Muse, köszönhetően a 
felhasználói visszajelzéseknek. 


Hero images Normal rec ez DEZO 


atteti 


Jaci 
Jackal 


Jackalopesvg 


By diicking "Continue" I affirm ! have properly icensed the 
above fontí) for website uve. What does tha meari 


Papp Ádám BD err 


Webdesigner, grafikus Ív) twitter 
Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe googler 


Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


Music Player 


x Scale 


Posítion 421 
73 
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3Steps 
Sign Up 
Input 
Button 
Aa emailgexample. 


Spacing yv—gy33 0 
Text Field Character Une — Paragraph 


oketchj 


Tapasztalatom szerint, ha mobil applikációk tervezéséről beszélünk, akkor mindenkinek az Adobe Creative 
Cloud termékei, azon belül is a Photoshop és az Illustrator alkalmazások ugranak be először, mivel főként 
képekkel és vektorokkal dolgozunk. Ugyanakkor lehetséges, hogy egy Bohemian Coding nevű kis csapat 
miután fejébe vette, hogy egy 30 megabájtos alkalmazással jóval megelőzik és lekörözik a majdnem 

1 gigabájtos Adobe Illustrator versenytársat, valóra is váltják álmaikat? 

Ha applikációk tervezéséről beszélünk, akkor igenis lehetséges ez! 


A Sketch fejlesztői egyetlen szempontot vettek fi- 
gyelembe az alkalmazás megírása során: olyan 
egyszerűvé és átlátható tenni a dizájn munkafo- 
lyamatot, mintha csak egy egyszerű szövegszer- 
kesztőt használnánk. Az applikációban egyetlen 
olyan felesleges funkciót sem találunk, amelyet ne 
tudnánk alkalmazni a munkánk során, nem úgy, 
mint például a Photoshop és Illustrator alkalma- 
zások esetén, amelyek tele vannak olyan funk- 
ciókkal, amelyekre szinte soha sem lesz szüksé- 
günk egy applikáció tervezésekor. 


Mivel az alkalmazások kinézetének megalkotása- 
kor gyakran számtalan méretben, felbontásban 
kell elkészítenünk a végeredményt, ezért termé- 
szetesen a Sketch végig vektorokat használ, va- 
lamint a végeredményünket tetszés szerint, akár 
egy CSS fájlban is exportálhatjuk, ha éppen pél- 
dául egy honlapon dolgoznánk. 


A KEZDETEK 


ho 


A Sketch felépítése végtelenül egyszerűnek 
mondható, főleg akkor, ha a felhasználó szeme az 
Illustrator felületéhez szokott hozzá. Akárcsak a 
böngészők esetén, itt is a felső területen található 
az eszközsáv, amelyre az általunk leggyakrabban 
használt funkciók ikonjait tehetjük a gyorsabb el- 
érés érdekében. 


SZOFTVER 


Grafikai szoftver 


g Sketch 3 


ELKÉSZÍTÉSI IDŐ 


10 perc c (feladatfüggő) 


A bal oldali sávban láthatjuk az éppen aktuális 
rajztáblánkhoz tartozó rétegeket, valamint a sáv 
tetején lévő feliratra kattintva válthatunk az egyes 
rajztábláink között. (1. kép) 


Az ablakunk jobb oldali szélén pedig, az éppen 
aktuálisan kijelölt objektumunk paramétereit lát- 
hatjuk. Itt tudjuk módosítani az adott elem mé- 
retét, pozícióját, átlátszóságát, színkitöltését, tük- 
röződését, valamint a elmosódottságát. Ez az a 
területe az applikációnak, amelyet valószínűleg a 
leggyakrabban fogunk használni, illetve szintén ez 
az a rész, amely a legtöbb rejtett és ötletes meg- 
oldást tartalmazza. (2. kép) 


Ilyen rejtett apróságok, hogy például egy elem 
méretének meghatározásakor matematikai mű- 
veletek segítségével is adhatunk meg értékeket, 
valamint a Blur effektek között található egy Back- 
ground Blur nevű parancs, aminek a segítségével 
a képünk szélei nem lesznek elmosottak, csak a 
kereten belüli tartalom. (3. kép) 


Az elképzeléseink megvalósítása során óriási se- 
gítséget nyújt a Sketch által előre elkészített sab- 
lonok használata, amelyek tartalmazzák az összes 
iOS ikon méretét, az iOS 7 felhasználói felületének 
elemeit, valamint találhatunk itt még Mac alkalma- 
zás ikonokat és Web Design sablonokat is, ame- 
lyekről az elemeket tetszés szerint másolhatjuk és 
szerkeszthetjük. (4. és 5. kép) 


Természetesen nem muszáj ezeket a sablonokat 
használnunk, de tény, hogy órási könnyebbséget 
jelentenek. Az alkotó folyamat megkezdésekor 
célszerű tisztáznunk magunkban, hogy milyen fel- 
bontású képernyőre is kívánunk éppen tervezni 
és egy ahhoz megfelelő rajztáblát kiválasztanunk 


EKET réz ebe Shadows 
Position 30 472 Position 334 76 ammjl6 (6 1 
x tú ez k.z Color X YO Blur 
Size 276 ]a[276 Size (275326) a[276 
mén Heh T; beige Inner Shadows 
Transform [0 Alp] Transform [07 TYE- 
hötate 16 kotate Fi Motion Blur 
zz SE s Zoom Blur 
ze ga Radius OS [0 Background Blur 
psszáózákártátzászaz MNB 
No Shared Style : 2. kép 
Opadty SE [1008 
Blending  ( Normal 3 jindn framegobáá 
Filis 3. kép 
GZ [aa ( Norma 5) [1005 ) 
FIN Biandiog  Ossety té Sketch [ZH Edít insert Layer Type  Arrange  Plugins 
Borders Tr 4 
New From Template iOS App Icon 
01! inside 1 Open... 30 IOS UI Design 
Color Posíton  Thickness Open Recent 5. MacApplcon 
Shadows Web Design 
5 Cosa RW —— Welcome to Sketch 
(AC JIN Save XS 
Color XV But Spread Duplicate og 
EZZET Rename... 
b ( Navigai Move To... 
Gausslan Blur § oO Revert To Ld 
Rectan 
Reflection o actán, EXPOTt-- 08E 
Export Artboards to PDF 
Rectan 
Save as Template... 
Rectant 
Rectant Page Setup... 08epP 
Make Exportable (s Print ed 
etangte TT 


1. kép 4. kép 


az Insert, Artboards menüponton belül. Itt talál- 

hatunk iPhone, iPad, Responsive Web Design be- 
állításokat, ikonméreteket, valamint hagyományos 
papírméreteket is. 


SZERKESZTÉS 


A szerkesztés során a kedvenc funkcióm kétség- 
telenül a pontossághoz kapcsolható, hiszen az 
Option (Alt) billentyű megnyomásakor azonnal 
megjelennek a piros segédvonalak, amelyek se- 
gítenek képpontra pontosan elrendezni az adott 
objektumot a rajztáblánkon. Tapasztalatból tu- 
dom állítani, hogy amint hozzászokik az ember a 
használatához, minden alkalmazásban ezt a funk- 
ciót fogja keresni (de javarészt sajnos eredmény- 
telenül). (6. kép) 


A másik kedvenc funkcióm a szimbólumok létre- 
hozásának lehetősége, amelyek közül ha csak az 
egyiket is módosítjuk az automatikusan módosítja 
az összes többit is. 


Ami a színeket illeti, megadhatunk HEX, RGBA, illet- 
ve HSBA formátumban is színeket, amelyek közül 
számomra a HSBA vált be a legjobban, azaz külön 
értéket tudunk megadni az adott szín színárnyala- 
tához (Hue), telítettségéhez (Saturation), világossá- 
gához (Brightness) és kitöltöttségéhez (Alpha). 


Czzzs tagra Cerez őjembal 


Untitled 


9. 


Mai S 


2ofz 


5 (I keybozrd / Default 
) (EI keybozrú / Shit On 
b. (i] kevbozrd / Numbers 
) (li keybozrd / Special. 

) (3 keybozrd / Emaj 

DJ Kevbozrd / Dictation 
7 Nnagation 

5. 3 Navigation / Page C. 
9 (I Namgation / Page C. 
5. (XI Navigation / Menub. 
v b. (E Navigation / Menub. 
5. ÚJ Navigation / Menub. 

5. (] Namgation / Menubar 
b. (I Navigarion / Tab Bar 


ke 


CrademBack. 0 
7 status Bars 

9. I status Bar / Wéhte 
5. Status Bar / Black 

9. EI Szaros Bar / White ( 
b. ÚRB Status Bar / Black .. 
5. (I Home Bzckgro. 

7 WBements 

9. E ur / Pogup meny 


Grier a 4 


5. kép 


za Road itt 


" Read it! — Edíted 
6 ű 0 6 


98 a 
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Union, Subtract Int 


a jelenlegi 
és a saját taj 
segítsek a vi 
annak idejéi 
gondolkodt 


importance of 
design 


z elmúlt hetekben egyre több 
jsmerősöm keresett meg azzal a kéréssel, 
jogy ők is nagyon szívesen indítanának 

gy blogot, hogy kipróbálják magukat 

zen a téren, azonban nem tudják 

ogyan is foghatnának hozzá. Manapság 
lag fengeteg biogszolgáltatást lehet találni, [ 
S szonban ezek között szinte lehetetlensé. 
tigazodni. Ebben a cikkben az a célom, 
hogy egy kicsit áttekinthetőbbé tegyem 
jelenlegi blogszolgáltatások kínálatát 
s a saját tapasztalatomból kiindulva 
egítsek a választásban. Emlékszem, 
nnak idején én is rengeteget 
jondolkodtam ebben a témában. ;) 
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Iypd 


written bi 


6. kép 


Természetesen mivel az összes általunk létreho- 
zott alakzat vektor, ezért tetszés szerint alakíthat- 
juk és kombinálhatjuk őket mindenféle kötöttség 
nélkül. Ezen a ponton azonban ki kell emelnem, 
hogy a Sketch leginkább az SVG típusú fájlokat 
szereti, Így érdemes a munkákhoz szükséges iko- 
nokat ilyen formátumban importálnunk. (7.kép) 


T 


Ahogyan már korábban is említettem a Sketch fő 
profilja és feladata a mobil alkalmazások tervezé- 
se, amihez elengedhetetlen, hogy állandóan elle- 
nőrizzük és kipróbáljuk az általunk tervezett app- 
likációk kinézetét a különböző eszközökön. Ehhez 
nyújt óriási segítséget a Sketch Mirror nevű iOS 
applikáció, amely a Wi-Fi kapcsolat segítségével 
azonnal továbbítja az éppen aktuális rajztábláin- 
kat az iOS készülékeink felé, ahol minden módo- 
sítás azonnal látszódik is. A Mirror segítségével 
összeszámolni sem tudom, hogy hány órát spó- 
roltam eddig meg azáltal, hogy nem kell állandó- 
an exportálnom és szinkronizálnom a fájlokat a 
készülékre, amelyre éppen tervezek. 


EXPORTÁLÁS 


Az exportálás folyamata is jóval gördülékenyebb 

a Sketch esetén, mint ahogy azt már megszoktuk 
más alkalmazásokban. Egy gombnyomásra szinte 
az összes fontos felbontásban tudjuk menteni az 
elkészült munkánkat, ahol az egyes szorzók segí- 
tenek abban, hogy mind retina, mind pedig nem 

retina kijelzőn is jól mutasson a munkánk. (8.kép) 


ÖSSZEGZÉS 


Összességében bátran ki merem jelenteni, hogy 
a Sketch a legjobb applikáció mobil alkalmazások 
tervezésére különösen akkor, ha iOS eszközökre 
készítünk terveket. Természetesen, ahogyan egyik 
alkalmazás sem, a Sketch sem tökéletes. Bár a 
harmadik verzióban sokat javult a teljesítmény, így 
is gyakran azon kapom a MacBook Air számítógé- 
pemet, hogy szinte száz százalékon dolgozik, mi- 
közben az Illustrator esetén ez sokkal ritkábban 
fordult elő ezelőtt. Véleményem szerint jelenleg 
nem elég még a Sketch kizárólagos használata, 
hiszen adódnak olyan szituációk, amikor kényte- 


Korpai Dániel 


Apple fanatikus, blogger 


és webdesignnal foglalkozom. 


Jelenleg a Budapesti Corvinus Egyetem Nemzetközi 
gazdálkodás szakán tanulok, valamint aktív tagja 
vagyok a Szifon.com csapatának. Szabadidőmben 
autodidakta módon honlapfejlesztéssel 
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len vagyunk a már megszokott Photshop vagy II- 
lustrator után nyúlni, de ez egyre ritkábban fordul 
már elő, ahogyan fejlődik az alkalmazás hónapról 
hónapra. Úgy tapasztalom, hogy a Sketch mö- 
gött egyre nagyobb közösség kezd kialakulni, akik 
számtalan ingyenes kiegészítőt készítenek annak 
érdekében, hogy még könnyebben és gördüléke- 
nyebben tudjunk dolgozni. 


Én mindenképpen csak ajánlani tudom a haszná- 
latát. Egy próbát mindenképpen megér. 


o instagram 
[rar ) mail 
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Afont-face " 


Bizonyára sokszor voltál már vele úgy, hogy 
megcsináltál egy szép kreatívot, egyedi 
betűtipussal, de a weben is szeretted volna 
ezt használni, viszont nem képként, hanem 
szövegesen, hogy a keresőoptimalizálás is 
rendben menjen. Ezt tudod megvalósítani a 
CSS segítségével gyorsan és egyszerűen! 


Amióta szinte minden böngésző támogatja a 
HTMLS5 és a CSS3 újdonságait, ez a megoldás 
egyszerűvé vált. Egy grafikai terv attól is szép és 
profi, ha olyan betűtípusokat alkalmazol benne, 
amivel egyedivé vagy figyelemfelketővé teheted 
azt. Ha a weboldal adott szövegrészlete stílusá- 
ban megegyezik a kreatívon használtéval, akkor a 
felhasználó úgy érzi jó helyen jár, és hogy a készí- 
tője követi az ez által kialakult brandet, minőséget. 


Válogasd ki azokat a fontjaidat, amiket használni 
szeretnél a készülő honlapon! Ezeknek célsze- 

rű egy fontmappát létrehozni, és abba másolni 

a fontok állományait. Ezután nyisd meg a HTML 
szerkesztő programot, majd pedig a CSS file-t! 
Következő lépésként meg kell adnod a betűtípus 
forrását, hogy a CSS-ben később hivatkozhass rá. 


Ezt az alábbi módon teheted meg: 


Afont-face 

í 
font-family: "AZONOSITONEV"; 
src: urI("http://www.domain.hu/font/ 
font-neve.ttf") 


A font-family-nél adj meg egy tetszőleges nevet, 
természetesen ékezet nélkül, amivel majd hi- 
vatkozni tudsz az adott fontra. Az src-nél pedig 
magát a font elérési útvonalát. A legjobb ha a tel- 
jes elérési útvonalat megadod mert így biztosan 
nem lesz probléma. 


Íme néhány példa az alkalmazására: 


.AZONOSITONEV ( 
font-family: AZONOSIÍTONEV; 
font-size: 20px; 
font-weight: bold; 
color: 44333; 
text-decoration: none; 


Vagy: 
pt 


font-family: AZONOSITONEV, Arial; 
background: 11999999; 


SZOFTVER 


TXT/HTML szerkesztők 


[ey Notepad-t-t 
4 


DWw Adobe Dreamweaver 
ELKÉSZÍTÉSI IDŐ 


2-3 perc c (feladatfüggő) 


b eték £0ú be 
(2 ESZT stlÁMZ[ [ VF / Cl 
( 


12) font- family: SAZONOSITONEV" ; 
sre: url("http://ww.domain.hu/font/font-neve.ttf") 


3 ) 

z .AZONOSÍTONEV ( 
font- family: AZONOSITONEV; 

g font-size: 20px; 

fi font-weight: bold; 

ld color: 4333; 

H text-decoratfon: none; 

k.§ 


font-family: AZONOSITONEV, Arial; 
background: 4999999; 


font-fomily: AZONOSITONEV, Arial; 
color: 4000080; 


tm EFEET!] 


tedi difi 


JÖ 


Az összes kód egyben. 


VEBE......... 


March. 9077 
MANUFACTU 
DESSAI 


rhiml e css e moo e cms 


.HT( 
font-family: AZONOSITONEV, Arial; 
color: 14000080; 


Az AZONOSITONEV azonosító neve ugyanaz le- 
gyen, mint amit a font-family-nél megadtál, és itt 
is kell a font-family, ugyanúgy, mint a Ofont-face 
jelölőnél. Természetesen arra is van megoldás, 
hogy egy már meglévő taghez adj egyedi betű- 
típust, úgy mint például a HT / H2 / H3, vagy a 
body. Ilyenkor elég a font-family értéket megadni. 
A többi betűtípus kiválasztását már a saját szép- 
érzékedre bízva add meg. 


Fontos arra is figyelni, hogy a különböző bön- 
gészők melyik betűtípusokat támogatják, mert 
sajnos ez sem egységes. Az alábbi táblázatban 
összesítettem, hogy az ismertebb böngészők ho- 
gyan támogatják ezt a megoldást. 


o 0 


VEBE.......... 


Példa: yebocreative.com 


Ezzel a kóddal bármelyik új és régebbi 
verziójú böngészőben jól működik majd 
az egyedi betűtípusunk megjelenítése! 


Afont-face ( 
font-family: TESZTFONT; 


sre: uri" TESZTFONT.eot?; 
urI( TESZTFONT.woff) format(, woff), 
urI( TESZTFONT.ttf?) format(,truetype, 
urI( TESZTFONT.svg) format(,5vg7; 
1; 


éz 


Google Chrome Firefox Opera Safari Internet Explorer 
MENECES 40c 3.5 c 102 31 gc 
(verziótól) 
TrueType/ TrueType/ TrueType/ 
E 7 úl TrueType/ Embedded 


Támogatott . Openlype TT (.ttf)  OpenType TT (.ttf)  OpenTypeTT (tt?) 


betűtípusok Openlype PS (.otf)  OpentType PS (.otf)  OpenType PS (.otf) 


WOFF (6 9 WOFF (3.6 9 SVi 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


Openlype TT (tt)  OpenType (EOT) 


Openlype PS (.otf) WOFF(lIE9 9 
G (svg) 


HOGYAN 
CSINÁLD 


Az Apple új operációs rendszere, a Yosemite kapcsán már tudható, hogy elbúcsúzunk az iPhoto-tól 

- a profiknak készült Aperture már repült a levelesbe -, azért talán nem felesleges egy pillantást vetni az 
iPhoto - Edit : Adjust paneljére. Más alkalmazásokban is találkozunk hasonlóval, aki meg kitart az 
iPhoto mellett, annak ismétlés a tudás anyja. 


Az (1) jelű a hisztogram görbe. Ez a három képal- 
otó szín, a vörös (Red), a zöld (Green) és a kék 
(Blue - ezért RGB) eloszlását mutatja, a vízszintes 
engelyen a kép sötétebb része esik bal kéz felé, 
a világos meg jobbra. A jó képre jellemző, hogy 

a három görbe alatti terület nagyjából egyenlő 
és nincsenek eszméletlen nagy kiugrások, vagy 
hiányok; a görbék sehol sem érik el a vízszintes 
ngelyt. Ha ez nincs így, akkor a kép alul- vagy 
exponált, vagy pedig a színegyensúlya valame- 
yik irányba eltolódott (vöröslő arcok). Persze, a 
ivétel erősíti a szabályt! 


Cs OD 


A görbe alatti középső csúszka a színmegoszlást 
állítja, a két szélsővel pedig a túl sötét (bal), vagy 
a túl világos (jobb) képen segíthetünk. Tudjuk, 
akár mit is csinálunk, az eredeti képinfóból elve- 
szejtünk, de az eredeti fénykép mindkét alkalma- 
zásban visszaállítható (non destructive szerkesz- 
tés). Ha a bal (2) csúszkát húzzuk, úgy egyre több 
képpont válik feketévé. Ha a hisztogram valame- 
lyik végén nincsenek értékek, a görbék beolvad- 
nak a vízszintes tengelybe, akkor a csúszkát húz- 
zuk addig közép felé, amíg értelmes értéket nem 
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ép Letölthető a 
a Mac App Store-ból 


mutatnak a görbék. Ezzel arra kényszerítjük az al- 
kalmazást, hogy a színkészletét széthúzza, a kép 
színeloszlása javul. 


A középső csúszka (3), mint mondtuk, a középtó- 
nust befolyásolja. A tőle balra lévő, sötét és jobb- 
ra lévő, világos területek aránya befolyásolja a 
kép világosságát. 


A Shadows (4) és Highlights (5) segítségével 
csalhatjuk elő az alul- vagy túlexponált képeken 
nem látható részeket. Gyakori hiba, hogy a nap- 
lemente előtt felénk integető kedvesünket, vagy 
kutyánkat fotózzuk. Ez az a kép, ahol a nap izzó 
vörös, a kedves viszont matt fekete és semmi 
sem látszik az arcából, ruhájából, habtestéből. A 
Shadows csúszka finom állításával megláthatjuk 
mosolyát, dekoltázsát. Elsőre bátran áthúznánk 


7 Os (71 


a csúszkát jobbra koppanásig, ám ne tegyük ezt! 
Ha megtesszük, nézzük meg a hisztogramot, 
néhány részen teljesen szálkás lesz, ez nem jó. 
Csak a szükséges mértékig módosítsunk a ké- 
pen! A másik eset legyen egy szép balatoni nap- 
sütéses kép, ahol ,fotós" felhők voltak az égen. 
Csak a képen nincsenek, vagy messze nem olyan 
cizelláltak, tagoltak, mint amilyennek láttuk őket a 
énykép készítésekor. Ilyenkor használjuk a High- 
ight csúszkát. 


A kép színeinek helyreállítója lehet a szemcsep- 


pentő (6) (pipetta) is. Ka 
pontjára, ami semleges 
A program ehhez a neu: 
többit. Persze, ha a kisd 
jét, vagy a Fradi pólót ta 


ttintsunk vele a kép olyan 
szürke volt a valóságban! 
rális színhez igazítja a 
obosok kék nyakkendő- 
áljuk el, akkor a kép szí- 


nei elmásznak rendesen. 


Az élességállító (7) csúszka talán nem szorul 
magyarázatra, ám tudjuk, a Mac detektálja az 
éleket és ott, a fénykép roncsolásával hoz létre 
az elkent izé helyett valódi élt. A túlélezett kép- 
pel ugyan nem vágjuk meg magunkat (Gonosz 
Almalap: hahaha, de rossz poén volt ez!), de 
nem lesz életszerű hatása. Amúgy ez lenne az 

a csodacsúszka, amivel a 600x400 pixeles ké- 
pet százszorosára nagyító technikus, leolvassa 
a betontömb takarta rendszámot, bármelyik CSI 
sorozatban. A definition (8) használatával hason- 
ló hatást érhetünk el. Végső soron a Contrast a 
Sharpness-hez hasonlóan képélező. 


Ferenczy Gábor 


Mac oktató, -blogger 


Valójában az összes csúszka a három színgör- 
be értékeit módosítja, anélkül hogy függvénytani 
összefüggésekbe mennénk. Azt javasoljuk, hogy 
a képek retusálása közben, óránként tartsunk 
szünetet és gyakran nézzünk el a kijelzőn túlra. 
Szemünk könnyen szokja meg a mesterséges 
világot, ne barmoljuk szét a képeket csak azért, 
mert módunkban áll. 


fm) almalap 
0 macacademia 


Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 


HOGYANCSINÁLD 


Tibi mozgatása KARAKTERANIMÁCIÓ 
(I.rész) "" ADOBE AFTER EFFECTSBEN 


Engedd meg, hogy bemutassam neked Tibit, 
Ő lesz a segítségemre kétrészes sorozatunkban, 


Amint láthatod, Tibi a karácsonyi időszakban kis- 
sé meghízott, így önként vállalta, hogy részt vesz 
a virtuális mozgásban, úgyhogy lássunk is hozzá! 


GEL ÉS ELŐKÉSZÍTÉS 
Arra kértem Tibit, hogy képhatáron kívülről sétál- 
jon be, álljon meg előttünk és integessen. Ez (még 
méretes pocakja ellenére is) könnyen megvalósít- 
ható AE-ben. 


Előtte természetesen Tibi grafikáját elő kell készí- 
eni. Hősünket vektoros vonalak tartják formában, 


nyítésére. Az AE és az Illustrator között jóideje gör- 
dülékeny a kapcsolat, azonban figyelni kell arra, 
hogy az Illustrator rétegei megfelelnek majd az AE 
rétegeinek, azaz az egy rétegen tárolt alkotóele- 
mek külön-külön nem érhetők el After Effectsben. 
Azt javaslom, hogy azokat a testrészeket, amiket 
egymástól függetlenül szeretnél animálni (pl. lát- 
hatóság, pozíció, forgatás változtatása időben), azt 
helyezd külön rétegekre Illustrator-ben. Ezek alap- 
ján különválasztottam a végtagokat, illetve az arc 
különböző részeit egymástól. 


Fej 


ELSŐ LÉPÉSEK 


After Effectsben egy egyszerű solid réteg fölé 
helyezzük az .ai állományt, importáláskor pedig 
ügyeljünk arra, hogy Composition-ként értelmez- 
zük a vektoros fájlt, így kapjuk vissza a külön ke- 
zelhető rétegeket a Timeline-on is (7. kép) 


Ha alaposabban átgondoljuk a kívánt mozgást, 
azt két nagyobb típusra oszthatjuk: Hely- és hely- 
zetváltoztató formára. Amint Tibi feltűnik a képer- 
nyőn, balról jobbra változik egész testének 


így az Illustrator-t használhatjuk a munka megköny- 


SZOFTVER 


Adobe After Effects 


Ae Adobe After Effetcs 
ELKÉSZÍTÉSI IDŐ 


10-15 perc c (feladat függő) 


Mode 


szemöldök a [9 


haj Normal 


száj Normal 


szemek Normal 
fej Normal 
kar b Normal 
kar j Normal 
láb b Normal 
lábj Normal 


1. kép - Rétegbeállítások. 


pozíciója, miközben testrészei helyzete is változik 
egymáshoz képest. 


Legelőször tehát válasszuk ki Tibi importált és 
Timeline-ra helyezett kompozícióját, nyomjuk 
meg a [PJ billentyűt, majd a position tulajdon- 
ság előtt lévő stoppert aktiválva állítsunk be egy 
kezdeti (képen kívüli) és egy második (kép köze- 
pére helyezett, az előzőtől vízszintes értékében 
különböző) pozícióértéket, egymástól mondjuk 2 
másodperces távolságra. (2. kép) Ha megnézzük 
az így kapott mozgást, akkor leginkább jégen be- 
csúszásra emlékeztet, ami valljuk be, ennyire 
enyhe télen nem mutat igazán jól. 


Position 


I Kid 
2. kép - Tibi becsúszik. 


PUPPET PIN TOOL 


Ha a vektoros grafika elemeit szeretnénk élet- 

re kelteni, ahhoz legegyszerűbben, a fenti esz- 
özsáv Puppet Pin Tool (CMD--(PJ) eszközét hasz- 
nálhatjuk. Ennek segítségével, Tibi kompozícióján 
attintva elhelyezhetünk a ténylegesen grafikát 
artalmazó (nem átlátszó) területekre, tehát Tibi 
alakjára, olyan gombostűket, amiket később meg- 
ogva az egész karaktert (illetve a testére feszített 
hálót: Mesh) torzíthatjuk. A gombostűk elhelyezé- 
sekor érdemes a végtagok végéhez, ízületekhez, 
illetve pl. a fej és a pocak közepére helyezni azokat. 
Ezek a kontrollpontok azonnal megjelennek a ré- 
eg Puppet effektjének, Deform tulajdonságánál. 
Mindegyik pont saját pozícióval bír, így ezek időben 
máshova helyezhetők, ami bizony a karakter torzo- 
ásával jár. A tűket egyesével rájuk kattintva is meg- 
oghatjuk, majd egérrel arrébb helyezhetjük. 


Figyeljük meg, hogy a Mesh torzulását hogyan ál- 
ítja meg a következő pin, illetve vizsgáljuk meg, 
hogy elegendő tűt helyeztünk-e le a külön-külön 
mozgatandó testrészekhez (Tibi esetében 10-12 

ű kezdetnek elegendőnek tűnik)! Az egyszerű po- 
zíciókulcsok segítségével, egyesével, tűről-tűre fel- 
építhetők a láb egymást váltó mozgásfázisai, így a 
orábban elkészített becsúszást kiegészíthetjük a 
épdelés animációjával. 


Leskó Róbert 


Álló- és mozgóképek manipulátora 


10 éve készítem és módosítom a pixeleket. 
Fotózom, tervezek és megvalósítok álló 
illetve mozgó grafikai tartalmakat. 


HÁZI FELADAT 


Mielőtt a következő részben felfedjük, hogy gyor- 
síthatjuk meg a munkát a Puppet Pin Toollal, 
illetve hogyan csalhatunk érzelmeket Tibi arcá- 
ra, kísérletezzünk a kéz mozgatásával is, amiből 
(egyelőre talán esetlenül) felépülhet az integetés. 
(3. kép) 


3. kép - Integessünk Tibivel. 
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OpenType-on KÉRDEZZ-FELELEK 
innen AZ OPENTYPE FONTOK 


, g , 
A grafikai tervezés során számos kérdés merül H A § / N A LÁTÁ R j [ 
fel, ami a tipográfiát érinti. Ezek közé tartozik 


a betűtípusok kiválasztása, a speciális 
karakterek, a tipográfiai szabályok alkalmazása. 
Pusztán IT-s szemmel nézve is számos probléma 
és kérdés adódik ezen a területen, amelyeket 
most megpróbálok egyszerűen és 
megválaszolni. 


Különösen meglepő, az olyan online tipográfiát 
is támogató megoldások idejében, mint a Google 
Fonts és a Typekit, hogy az Openlype-tól is ide- 
genkednek sokan. Ezt a több, mint egy évtizede 
használható megoldást, sokszor még a grafikai 
szakágakban dolgozók közül sem ismeri és hasz- 
nálja mindenki. Lássuk hát, melyek is azok a kér- 
dések, amelyek a leggyakrabban merülnek fel az 
Opentype hallatán! 


Mi is az OpenType? 


Az Openlype egy a Microsoft és az Adobe által 
közösen fejlesztett modern fontformátum, ami a 
Type 1-et és a TrueType-ot készült leváltani. 


A fontszabvány fő céljai: 

operációs rendszer és platformfüggetlenség, 
egyszerű használhatóság, 

minőségi betűkép, 

a tipográfiai eszközök rugalmas alkalmazása, 
a világ összes írásrendszerének támogatása. 


1 


1 


Miért volt szükség erre? 


A TrueType és a Type 1 minden hátrányát igyekez- 
tek kiküszöbölni, az előnyeiket pedig megtartani. 
A grafikus és kreatív szakmában dolgozók részé- 
ről, régi igény volt a tipográfiai lehetőségek beépí- 
tése a fontkezelésbe. Erre a korábbi szabványok 
egyáltalán nem, vagy erősen korlátozottan voltak 


képesek. A formátumok sokszínűségét egy egysé- 
gesített nemzetközi szabvány válthatja fel. 


Miért jobb ez a szabvány, mint a korábbiak? 


Az tipográfiai lehetőségeknek hála, a speciális ka- 
raktereket, hajlításokat, elválasztó jeleket, alap- 
vető matematikai jeleket, törteket, ligatúrákat 
(speciális betűpárok), a kiskapitálisokat (kisbetű 
magasságú nagybetűk) és majdnem a világ ösz- 
szes nemzeti karakterkészletét képes megjeleni- 
teni, beleértve az arab és a távol-keleti nyelveket 
is. Ezt segíti, hogy az Opentype a teljes karakter- 
észletet Unicode karakterkódolással tárolja. 


A szabvány biztosítja a Kerning table használatát, 

amivel lehetőség nyílik az egyes betűpárok közötti 
ülönböző mértékű térközök kiegyenlítésére. Ezt, 

a magyarul alávágásnak hívott információt a font- 
fájl tartalmazza. Vagyis a betűk térközei sokkal 
iegyenlítettebben jelennek meg a dokumentum- 
ban, ezáltal a szöveghatás is szebb lesz. 


A korábbi szabványok bizonytalanságaival ellen- 
tétben, a betűtípusok méretezése, az Opentype 
esetében mindig mérethelyes lesz. 


Az Openfype fontok csupán egy állományból áll- 
nak. Például egy Helvetica Regular csak egy fájl, 
ennek a félkövér változata pedig egy újabb állo- 
mány. Ez nagyban megkönnyíti a használhatósá- 


Character Attributes 


Font: — [Caflisch Script Pro Bo] B) CE Ig shade ) 


Size: 60 pt az] CO Bold OAI Caps 
Color: I Black wa O italic (OC Small Caps 
Shade: 1008] B 0 Underline (OC Superscript 
DO Word U-line (I Subseript 
Opacity: 10096 strike Thru E Superior 


Scale: — ( Horizontal 797) (100567 Outline OC Ugatures 
Track Amount; 0 Language: (Us. English 7) 


Baseline Shift: 0pr 

T OpenType 

CO Standard Ligatures CO Fractions 

(OO Discretionary Ligatures (OD Swashes 

OC Ordinals (CO Smatt Caps 

OC Titling Alternates  Contextual Alternates 

CD AI Small Caps 

Figures: / Tabular Lining TEJ) Posítion: ( None 1) 


Egymás mellett az InDesign CC és a OuarkxXPress 7 OpentType beállítási lehetőségei. 


pp, IT 


got, ráadásul - minden módosítás és trükk nél- 
kül - ugyanazzal a fontfájllal dolgozhatunk OSX és 
Windows alatt is. 


Az Openlype szabvány a Truelype-hoz hasonló- 
an 65536 karaktert képes tárolni az állományban, 
ám a betűk leképezéséhez, a sokkal szebb betű- 
képet adó, harmadfokú egyenleteket használ. 


Ha ez ennyire jó, akkor sokan miért használnak 
mégis TrueType és Type 1 fontokat? 


A megbízhatónak tartott, megszokott fontoktól 
nehezen válunk meg és az Openlype fontokra 
történő átálláskor a teljes készletünket újra meg 
kell vásárolnunk. Ráadásul a TrueType szabványú 
fontok széles körben férhetők hozzá ingyenesen. 
Ezeket az ingyenes fontokat - a sok felmerülő 
technológiai probléma ellenére - előszeretettel 
használják. Ennek tetejébe sajnos sokan nem, 
vagy csupán felszínesen ismerik a nem is annyira 
új szabványt és ezért idegenkednek tőle. 


Honnan tudom, hogy OpenType fontokat 
használok? 


Az Openlype fontok ikonjai egy nagy, zöldeskék 
0O-betűt formáznak. Emellett használj olyan font- 
kezelő, vagy fontmenedzser programot, mint a 
Suitcase Fusion. Ebben a programban minden 


Betűtípus Szerkesztés Nézet Eszközök Súgó Donation 
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paraméterét lekérdezheted a fontnak. A fejlett 
operációs rendszereken pedig eleve megnyitha- 
tod a betűtípusok állományait és itt szintén elol- 
vashatod a font típusát, nevét, gyártóját stb. 


Mire kell figyelni OpenType fontok használatakor? 


Az Openlype fontoknak két szintje létezik. A 
gyengébb minőségű, az alapvető irodai igénye- 
ket szolgálja és sok esetben szoftverekkel, vagy 
az operációs rendszerrel együtt vásárolják meg 
a felhasználók. Ezek a fontok csupán másodfokú 
élsimítással képezik le a fontgörbéket. Figyelem! 
Az állományok kiterjesztése ekkor, a TrueType 
formátummal azonos, :ttf lesz. A harmadfokú 
egyenlettel számoló, .otf kiterjesztésű fontfájlok, a 
kreatívok és grafikusok komolyabb minőségi igé- 
nyeinek felelnek meg. Neked ezekre lesz szüksé- 
ged a minőségi munkához. 


Hogyan telepíthetem és törölhetem az OpenType 
fontokat? 


A legpraktikusabb módszer az előbb említett se- 
gédszoftverek használata, de minden operációs 
rendszer lehetőséget ad a betűtípusok egyszerű 
kezelésére. Ilyenkor adminisztrátori jogokra lesz 
szükséged a gépeden. Ha pedig fájlkezelővel, kéz- 
zel telepítesz, akkor csupán egy állományt kell be- 
másolni a Fonts mappába. 


A betűtípusaink könnyű 
kezeléséhez, rendszerezésé- 
hez nagy segítséget nyújthat 
egy fontmenedzser szoftver. 
Ilyen például az ingyenes 
NexusFont, (a képen) vagy 

a fizetős, de minden igé- 
nyünket kiszolgáló és az 
Adobe CC szoftverekbe is 
beépülő Suitcase Fusion. 


Fejlesztő; JungHoon Noh les) [ http//rüles:net 


Mit jelent a betűtípusok neveiben 
a Pro és Std jelölés? 


Néhány gyártó így különbözteti meg az adott be- 
tűtípus karakterterjedelmét. A Pro jelzésűek tar- 
talmazzák a közép-európai karakterkészletet is, 
amíg az Std jelölésűek csupán az angolszász ka- 
rakterekkel rendelkeznek. A legtöbb gyártó ha- 
sonló jelzéseket használ a font fájlnevében. 


Nem arról volt szó, hogy minden nyelvet 
megjelenít az OpenType font? 


Így van, de sajnos a gyártók még nem készültek 
el minden betűtípusuk Openlype változatával. 
Ez egy időigényes és hosszadalmas folyamat. 


Az igazsághoz az is hozzátartozik, hogy a 65536 
karakter még így sem elég minden nyelvre. 


Mennyire elterjedt az OpenType fontok 
használata? 


Egyre inkább teret nyer és ma már több Open- 
Type fonttal találkozni a szakmában, mint a meg- 
jelenése óta, de még mindig előfordulnak a régi 
szabványú betűtípusok is. Ha csak teheted, ke- 
rüld el a használatukat! 


Milyen szoftverekkel tudom használni az 
Opentype fontokat? 


A Windows Vista és a Windows Server 2008 után 
megjelent változatain, a Mac OS X Panther 10.3 
utáni Apple operációs rendszereken, valamint 
egyes Linux disztribúciókon is alapértelmezett az 
Opentlype fontok támogatása. 


Szőcs Endre 


DTP szakértő, grafikus, oktató 


A legismertebb grafikai alkalmazások ma már 
mind támogatják a szabványt, beleértve az Ado- 
be CS-től a CC változatokat, a OuarkXPress leg- 
újabb verzióját, a CorelSuite alkalmazásokat, vagy 
éppen a népszerű irodai alkalmazáscsomagokat. 


Miért használjak OpenType-ot az ingyenesen 
letölthető, TrueType (TTF) betűtípusok helyett? 


Több érvet is felsorolhatunk: 

- megbízható és jobb minőség, 

a házilag farigcsált" fontokhoz mérten mindig 
működik, 

gyártói támogatás, az új verziók elérése, 
ingyenes fontok esetében semmi nem garan- 
tálja a mérethelyességet, 

ékezetes karakterek biztosítása. 


Mennyibe kerül OpenType fontokat használni? 


A betűtípusokat bizony meg kell venni! Az árak, 
egy font esetében, a népszerűségétől függően, 
10 eurótól 35-40 euróig terjedő áron szóródnak 
az internetes betűáruházakban. Ez általában egy 
betűtípus (typeface) csupán egy változatát (type 
style - pl. félkövér) jelenti. Érdemes egy egész 
betűcsaládot (type family) vásárolni, ami akár ol- 
csóbb is lehet, mintha egyesével vásárolunk. Így 
például egy Frutiger Pro teljes betűcsalád akár 
650 euró is lehet, de ebben 19 font, azaz önálló 
betűváltozat található meg, holott a Frutiger csa- 
lád egyes változatai 50 euróba is kerülhetnek. A 
kifezetett összef fejében korlátlanul használhatjuk 
a vásárolt betűtípusainkat. 


Itt az ideje a váltásnak! Térj át az OpenType-ra! 
Sok gondod letudhatod, tehát megéri. 


Több mint 20 éve tevékenykedek a nyomdaipar, 
a kiadványszerkesztés és a digitális videózás területén. 
Számos újság, reklámújság, magazin szerkesztőségi 


munkájában vettem részt, valamint online formában 


webináriumokat is tartok. 
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15 hasznos After Effects gyorsbillentyű " 


Az After Effects-szel ismerkedők számára az első benyomás mindig az, hogy ,ez milyen bonyolult 
program?". Pedig a valóság mindig egy kicsit más. Ha valaki elég ideje használja a videók effektelésére, 
animálására szolgáló programot, akkor egyre inkább nehézkesnek érzi az alapműveletek repetitív, 
ismétlődő jellegét. Ez persze csak akkor alakul ki, amikor már megismertük az alapvető kezelést. 


A munkafolyamatunkat viszont számos gyorsbil- 
lentyű teheti hatékonnyá. Ezek közül választottam 
most ki 15-öt, ami talán a leggyakrabban használ- 
ható a gyakorlati életben. 


LEGYÉL HATÉKONYABB! 


Az tehát nem kérdés, hogy a gyorsbillentyűk a 
fentiek miatt hatékonyabbá teszik a munkát az 
After Effects-ben. Egyes nézetek szerint a most 
következő gyorsbillentyűk elsajátításával, alig egy 
hét alatt a profik magabiztosságával kezeled majd 
a szoftvert. Ilyen bűvös frázissal inkább nem ká- 
bítanék senkit, de azt gondolom, hogy ezeknek 

a gyorsbillentyűknek a segítségével, hamarosan 
egyre kevesebbet fogod használni az egeret a vi- 
deós projektek kezelésében, éppen ott, ahol való- 
ban elhagyható és csak lassította a munkát. 
Lássuk hát! 


T (a kiválasztott rétegen) - a réteg áttetszőségi 
(opacity) beállításainak a kinyitása 

P (a kiválasztott rétegen) - a réteg pozíció (posi- 
tion) beállításainak a kinyitása 

S (a kiválasztott rétegen) - a réteg méretezési 
(scale) beállításainak a kinyitása 

R (a kiválasztott rétegen) - a réteg forgatási 
(rotation) beállításainak a kinyitása 

U (a kiválasztott rétegen) - a réteg összes kulcs- 
kockájának a megjelenítése 


/- (tilde) - bármelyik panel teljes képernyőre 
nyitható és vissza az eredeti állapotába 
Command(Ctrl 5: N a project panelen - 

új kompozíció (composition) létrehozása 
CommandurCtrl 5- K a timeline panelen - 

a kompozíció (composition) beállításai 


Szőcs Endre 


SZOFTVER 


Videóanimáció szerkesztő szoftver 


Adobe After Effects CC 2014 


ELKÉSZÍTÉSI IDŐ 


5 perc c (feladatfüggő) 


Commandu[Ctrl 5- Le vagy Fel kurzorbillentyű a 
timeline panelen - a rétegek között tudsz váltani, 
lépegetni fel és le 

Commandu[Ctrl 5- Y - új, homogén háttér létreho- 
zása (solid) 

Commandu[4Ctrl 5- D - a kiválasztott objektum 
többszörözése, duplikálása 

Commandu[Ctrl 5- T - váltás a Type tool-ra 
Return/Enter bármely rétegen - a réteget/objek- 
tumot nevezhetjük át 


A következő két extra billentyű csak angol 
kiosztás esetében használható! 

Alt 5 bal szögletes zárójel [ - a kiválasztott 
rétegen, az adott jelenet/objektum/szekvencia, 
kurzorpozíciótól balra lévő részét levágja 

Alt 5 jobb szögletes zárójel ] - a kiválasztott 
rétegen, az adott jelenet/objektum/szekvencia, 
kurzorpozíciótól jobbra lévő részét levágja 


Ezek a gyorsbillentyűk a CC változatokban hasz- 
nálhatók! Kezd el használni őket még ma és máris 
érezni fogod, hogy mennyivel gyorsabb lettél! ;-) 


ff certified Expert 


DTP szakértő, ACE, grafikus, oktató 


Több mint 20 éve tevékenykedek a nyomdaipar, 

a kiadványszerkesztés és a digitális videózás területén. 
Számos újság, reklámújság, magazin szerkesztőségi 
munkájában vettem részt, valamint online formában 
webináriumokat is tartok. 
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Toggle Switches / Modes 


Zselés KOG 1  AlteT EffecIs animáció 


Ne rémüljetek meg, nem váltottunk műfajt és nem tértünk át a vasárnapi ebédkészítési tippek 
összegyűjtésére. Továbbra is animációs trükköket vizsgálunk, amiket After Effectsben építünk fel. 

A következőkben egy látványosan steril, digitálisan megrajzolt téglalapot fogunk a valósághoz hasonló 
tulajdonságokkal felruházni: gondoljatok egy tál kocsonyára szabadesés után, földreérkezéskor... 


Standa 


ELŐKÉSZÍTÉS 

Mivel nem először nyúlunk a szoftverhez, a jelenet 
előkészítését röviden írom le. Végy egy nem zavaró 
hátteret (Layer : New ? Solid) és hozz létre előtte 
egy zöld négyzetet (Layer : New : Solid, megegyező 
szélességgel és magassággal.), majd nevezzük egy 
ÉGYZETnek. 


Első dolgunk a Shift gomb nyomvatartása mellett a 
P és S gomok leütése a NÉGYZET rétegén. Ezáltal 
máris kulcsolhatók lesznek a mozgást meghatározó 
pozíció és méretezés tulajdonságai. 


MOZGATÁS 

A pozíciót két kulcsállapot jellemzi: A mozgás elején 
középen, magasan látjuk a négyzetet, majd rövid idő- 
vel később (kb. fél másodperc elteltével) a kép alján 
áll meg (csupán a függőleges pozíció változásával). 

A mozgás végét jellemző kulcskocka az alapértelme- 
zett, lassulás nélküli kulcs, a mozgás ugyanis azonnal 
befejeződik, amint földet ért négyzetünk. 


BECSAPÓDÁS 

A négyzet a földreérkezés pillanatáig 1:1 oldalarányú. 
A becsapódás pillanatában azonban elveszti eredeti 
arányait: a valóságból ismert fizikai tulajdonságokat 


PLATFORM 


OS X / Windows 


ELKÉSZÍTÉSI IDŐ 
10-15 perc c (feladat függő) 


utánozva tömeget kölcsönzünk a négyzetnek, ami 

a becsapódás pillanatában torzítja a test arányait. 

A scale értékeihez is legalább két kulcsot kell hozzáren- 
delnünk. Az első őrzi a becsapódás előtti négyzetes 
formát, a második pedig a becsapódás pillanatát 

(1. kép) követően torzítva jeleníti meg a (most már kicsit 
selésedő-kocsonyásodó) elemet. Szélességében nö- 
veljük, magasságában csökkentsük a réteg méreteit. 


LASSULÁSI GÖRBE 

A második scale értéket őrző kulcsot az F9 billentyű- 
vel állítsuk Easy Ease kulcsra, így a torzulás máris ter- 
mészetesebbnek, dinamikusabbnak tűnik a lassulás 
hozzárendelésével. 

Az így létrejött homokóra alakú kulcsot kijelölve a 
Graph Editor segítségével tovább finomíthatjuk a 
torzulást. A 2. kép a szélességhez és magassághoz 
tartozó görbéket mutatja piros és zöld színnel. Ké- 
pünkön az első állapot mutatja a lineráis - Easy Ease 
előtti - állapotot, a második a lassulást már tartalma- 
zó görbét, a harmadik állapot az általunk kézzel tor- 
zított görbe. Ebben az esetben megfogtuk az utol- 
só kulcs görbéjét módosító kezelőszervet (vektoros 
rajzzal valaha kísérletező olvasóknak rögtön ismerős, 
apró körben végződő bajszokat kell keresnünk), majd 
az eredeti íven és ezáltal a piros és zöld szaggatott 
vonalakon túlhúzva könnyedén létrehozhatunk egy 
rugózó mozgást. Ha ezután jól megfigyeljük a be- 
csapódást követő képkockákat, a végső méret eléré- 
se előtt négyzetünk kicsit túlfolyik a nyugalmi mére- 
tének határaitól. 


N 


1. kép / timeline 


Amint az elmúlt pár percben is láttuk, sokszor apró trükkök segítik egy- 
egy digitálisan előállított elem mozgatásakor annak valószerűbb tálalását. 
Olyan tulajdonságokat társítunk általunk létrehozott elemekhez, amelyek 
nekünk, embereknek a mindennapi életből ismertek. 


2. kép 


További ötleteket ad az animációs mozgás finomhangolására: 


Leskó Róbert O er 
Álló- és mozgóképek manipulátora o ETET 


10 éve készítem és módosítom a pixeleket. 
Fotózom, tervezek és megvalósítok álló (in) linkedin 
illetve mozgó grafikai tartalmakat. 


Linkrövidítés, avagy a rövid linkek virágkora " 


A közösségi média üzleti célú felhasználása sok mindenben különbözik az átlagostól - az egyik legfontosabb 
pedig minden marketinges számára a mérhetőség. Bár a magánszemélyek is láthatnak egy minimális 
mennyiségű adatot arra vonatkozóan, hogy hányan kedvelték vagy épp osztották meg az adott 
bejegyzésüket, az üzleti célú oldalaknak ennél részletesebb adatokra van szükségük. Ezekhez segítik hozzá 
őket az egyre nagyobb népszerűségnek örvendő linkrövidítő szolgáltatások.. 


A Facebook maga is kifejezetten részletes statisztiká- 
val szolgál az adminisztrátoroknak: megmutatja, mi- 
kor online az oldal tagjainak legnagyobb része, mely 
napokon lehet nagyobb elérést generálni, milyen 
típusú tartalmak váltják ki a legtöbb interakciót, há- 
nyan és hova kattintottak 1-1 bejegyzés láttán, és a 
listának ez még csak az eleje. Van azonban egy érde- 
kesség, amit hazánkban közel sem használnak annyi- 
an, mint külföldön: a rövid linkek. 


MI AZ A RÖVID LINK? 


Biztosan sokan találkoztak már nagyon rövid és ér- 
telmetlennek tűnő linkekkel, amik a szokásosnál 
nemcsak kurtábbak, de furcsábbak is voltak. Íme 


egy példa: http://bit.ly/ TGowEAy 


MIÉRT HASZNÁLJAK RÖVID 
LINKET? 

Eredetileg a Twitterhez készült egy linkrövidítő szol- 
gáltatás, amelynek segítségével a 140 karakteres 
limit ellenére is lehetett linket elhelyezni az egyes 
tweetekben. Az URL-ek gyakran több mint 100 ka- 
rakter hosszúak, így aki egy ilyet szeretett volna Twit- 
teren megosztani, annak le kellett mondania arról, 
hogy még szöveget is tudjon hozzá írni. Az idő múl- 
ásával azonban - éppen a mérhetőség miatt - a többi 
közösségi média felületen is elterjedt a rövid linkek 
használata, és ma már gyakorlatilag a virágkorukat 
élik, szinte mindenütt ott vannak. 


Az ok pedig többféle is lehet. Egyrészt ezeket a rö- 
videbb formátumú linkeket jóval könnyebb kezelni, 
mint hosszú, akár több soros társaikat. Persze azt 
nem szabad figyelmen kívül hagyni, hogy a hosszú 
linkek általában a SEO optimalizálás miatt hosszúak, 
és nemcsak a Google keresőben, de más keresőmo- 
torok esetében is hatékonyak, mert a bennük lévő 
kulcsszavakat tudják indexelni. Ugyanakkor a hosszú- 
ságuk miatt nehezen kezelhetők és problémás lehet 
a megosztásuk nemcsak a közösségi médiában, de 
hírlevélben vagy weboldalakon egyaránt. 


A linkrövidítők pedig megoldják ezt a gondot: köny- 
nyen kezelhetővé teszik a linkeket úgy, hogy a hordo- 
zott paramétereiket megtartják, csupán más köntös- 
be bújtatják őket. 


A kényelem mellett pedig funkcionálisan is verhetet- 
lenek: nemcsak azt tárolják, hogy hányszor kattintot- 
tak rájuk, de azt is képesek megmutatni, hogy egy 
adott tartalmat ugyanazzal a linkrövidítővel még kik 
osztottak meg, és az ő forrásaikból hány látogató ér- 
kezett oda. 


WHO SHARED A BITLINK TO THIS CONTENT 
5 bufferapp anonymous Joel Pavelski 
134 82 56 
tweetdedkapi eatsleepwear meznatalie 


53 52 39 


There are 372 more Bitlinks to this content that received 636 elicks, 


zat ahy--handmdetnítő 


Forrás: bit.ly 


Újabb előny a felhasználóélmény és az internetezés 
élményének növelése: érdemes megismerkedni a 
Digg nevű szolgáltatással, amelynek oldalán számos 
témában érdekes tartalmak kapnak helyet. Népsze- 
rű sztorikat és olyan cikkeket tesznek ki, melyek a 
legtöbb internezetőt érdekelhetik világszerte. A bön- 
gészőfüggetlen Diggbarnak hála pedig azonnal rendel- 
kezésre áll a rövid link, és rögtön megosztható bár- 
mely internetes csatornán. Így ők is kihasználják saját 
szolgáltatásuk előnyeit, és nem csak azt követhetik 
nyomon, melyik írásuk mekkora olvasottságot gene- 
rál, de segítenek is a felhasználóknak a terjesztésben. 


Forrás: Mashable 


HOGYAN KÉSZÍTSEK RÖVID 
LINKET? 

Számtalan olyan szolgáltatás látezik ma már, ahol rö- 
vid linket lehet előállítani. A Bit.ly oldalon egy regiszt- 
rációt követően mindössze annyi a teendő, hogy a 
hosszú linket be kell másolni egy mezőbe, amely rög- 
tön kiadja a rövid verziót. A Copy parancsra kattintás- 
sal pedig máris a vágólapra kerül - innen pedig CTR- 
LV vagy CMD-V paranccsal beilleszthető a kívánt 
helyre. 


Hasonlóan egyszerű a Po.st is, Így igazából attól függ 
a választás, mely formátumú link tetszik jobban. 


Dashboard Tema Ponod: ! Lát 30 eaya 
Total 23435 szeres 29.963 cos 127.B690 vary 
Content Services 
Top Comont Sharon Cica Víralty To Sarviose Sharon Cica Vratty 
me Frterat n case 
Ta AM Facabaak szt am 
08157 Gage. sa 6 ki 
26 10978 Czpytaz 08 unk 
2 more gamer 0 org serve 
Daily Metrics Countries 


Forrás: po.st 


Akik pedig nem szeretnének regisztrálni és saját 
fiókot létrehozni, bátran használhatják a Google saját 
rendszerét, mely a https://goo.gl/ oldalon érhető el, 
és ugyanerre a formátumra rövidíti a linkeket. Előnye, 
hogy ez is kifejezetten egyszerűen használható, hát- 
ránya azonban az, hogy minden rövidített link és an- 


Horváth Alexandra 


Közösségimédia-tanácsadó, Social Mix 


Több mint 10 éve foglalkozom online marketinggel; 
§ fő kutatási területem a social media és annak üzleti 


nak statisztikája publikus, így elsősorban az alkalmi 
linkrövidítőknek ajánlott. 


Külön érdekesség, hogy a legnagyobbaknak már sa- 
ját rövidlink formátumuk is van; ha egy Facebook-lin- 
ket rövidítünk bármelyik szolgáltatónál, akkor a követ- 
kező megjelenést kapja: http:/on.fb.me/1EsHbac, de 
ezen kívül számos más weboldalt lehetne említeni, 
amelyik ugyanígy működik. 


A Digg saját rövidítőjéről már volt szó, de muszáj em- 
líteni azt is, hogy már Drupal és WordPress plugin is 
készült, így amennyiben nem lenne szerencsés egy 
3. fél bevonásával rövidíteni egy adott linket, a Word- 
Press és a Drupal oldalakon könnyedén megoldható 
"házon belül" 


Igaz ez a StumbleUpon weboldalra is: bár az ő szol- 
gáltatásuk 2002-ben indult, csak mostanság lett iga- 
zán népszerű. Különlegessége, hogy segít a felhasz- 
nálóknak rátalálni olyan weboldalakra, amelyekre 
egyébként nem jutott volna eszükbe keresni, pedig 
az érdeklődési körüknek megfelelő. Ők is saját rövid 
link formátummal teszik még könnyebben megoszt- 
hatóvá a tartalmaikat. 


A fentiekből látható, hogy egyértelműen a rövid lin- 
keké a jövő: néhány év múlva könnyen elképzelhető, 
hogy már minden weboldalhoz tartozik majd egy sa- 
ját rövid link formátum. Jelenleg még igen magas árat 
kell fizetni a rövidlink generátoroknak azért, hogy ezt 
a saját formátumot rendeljék hozzá a kurtított linkek- 
hez, de vélhetően az árak is egyre lejjebb mennek 
majd, ahogyan ez az igény egyre elterjedtebb lesz. 
Addig is ajánlott az ingyenes funkció használata, és 
úgy közzétenni a saját tartalmakra mutató linkeket 

a közösségi médiában, hogy könnyen kezelhetőek, 
kompaktak és mérhetők legyenek: vagyis rövidítve. 


mechanizmusa. Tanácsadóként az optimális 
közösségi média mix kialakításában segítek 


a kisvállalkozásoknak. 


SZÁNTAI 


A AA " A al 


akadálymentes web szakértő, 
szakoktató 


Magazinunk második számának interjúalanya 
Szántai Károly az akadálymentes web szakértője 
és szakoktatója. Az interjúból kiderül hogy 
sokan miért értelmezik tévesen az akadály- 
mentességet weboldalak esetében. 


Fotó: Töltésy Dávid Hz . 


PixelDesigners Magazine: Mikor határoztad el, 
hogy a weboldalak akadálymentesítésével fogsz 
foglalkozni? Minek a hatására jött? 


Szántai Károly: Nos, nem úgy kezdődött, hogy az 
egyik reggel erre ébredtem. És nem is úgy, aho- 
gyan azt sokan feltételezik, miszerint a közvetlen 
környezetemben, családomban fogyatékos sze- 
mély élne, aki miatt beleástam magam a témába. 
Valahol a 2000-es évek elején figyeltem fel arra, 
hogy a web nagyon elcsúszik valamiféle öncélú 
vizuális orgia irányába. Divatba jöttek a Flash-es 
weblapok, a nyitóoldali intrók, a beforgó 3D-s me- 
nük és társaik. Függetlenül attól, hogy akkoriban 
én is multimédiás fejlesztésekkel foglalkoztam, 
tehát a vizuális irány fontos volt számomra, vala- 
hogy mégis azt éreztem, hogy a web nem erről 
szól. Úgy gondoltam, hogy a weboldalak minő- 
ségét nem kizárólag a megjelenésük biztosítja, 
ahogy egy ház esetén sem a homlokzati festéstől 
lesz stabil, megbízható és használható az épület. 
Innen már egyenes út vezetett a webes szabvá- 
nyok, a webergonómia, a webes használhatóság 
és hozzáférhetőség témája felé. És mivel megtet- 
szettek ezek a témák, és akkoriban itthon nagyon 
kevesen foglalkoztak ilyesmivel, ezért úgy gondol- 
tam, hogy érdemes ráállnom ezen szakterületek- 
re. Különösen a webes akadálymentességre. 
Persze ebben közrejátszott az is, hogy amikor a 
90-es évek közepén, informatikus mérnöki tanul- 
mányaim során kezembe került Dr. Halassy Béla, 
Ember-információ-rendszer című könyve, akkor 
tudatosult bennem, hogy az informatikus szó 
valójában egészen más dolgot takar, mint amit 

a köznyelv, és sajnos még néha a szakma is ért 
alatta. Sokszor divatosan informatikusnak titulál- 
ják a számítógépeket karbantartó rendszergaz- 
dát, az algoritmusokat író programozót, vagy akár 
a webfejlesztőket. Egyszóval bárkit, aki számítógé- 
pekkel foglalkozik. Holott ezen szakterületek kép- 
viselőivel szemben az igazi informatikus fókuszá- 
ban elsősorban nem maga a számítástechnika, a 
processzorok, a függvények, vagy a pixelek van- 
nak, hanem a nagybetűs Ember. Az Ember, aki 
ényelmesen, gyorsan és akadálytalanul szeretne 
ülönböző információkhoz hozzájutni. Az infor- 
matikusnak az a feladata, hogy olyan offline vagy 
online megoldások tervezésében vegyen részt, 
amelyek ezt az igényt lehetőleg minél jobban ki- 
elégítik. Mégoedig végig az Ember, a felhasználó 


gomb nem egy önálló, sokszor csak szűkített tar- 
talommal feltöltött honlapmutánsra visz, hanem 
egy sima CSS stíluslapváltást eredményez, akkor 
gyengénlátók számára persze segíthet ez a fajta 
megjelenési stílus. De nekik többnyire rendelke- 
zésre állnak egyéb olyan szoftveres és hardveres 
kisegítő technológiák, amelyek ezt az megjelenést 
gyárilag biztosítani tudják. Egyébként sokszor ezt 
a stílust ,vakbarát verziónak" is nevezik, ami azért 
vicces, mert a vak felhasználóknak a vizuális meg- 
jelenés tökéletesen lényegtelen. Számukra in- 
kább a HTML jelölőelemeinél dőlnek el a dolgok, 
mintsem a CSS-ben. 


Sokan nem is sejtik, hogy az akadálymentesség 
milyen szoros kapcsolatban van például a kere- 
sőoptimalizálással. Azt szoktuk mondani, hogy 

a Google a világ legismertebb vak felhasználója, 
azaz úgy kell az online tartalmakat elkészíteni, 
hogy a Google akadálytalanul hozzáférhessen 
hozzájuk. Normális SEO szakember biztosan nem 
javasolná, hogy egy honlapból külön csináljunk 
nem keresőbarát, azaz a Google számára bizto- 
san nem akadálymentes, és külön keresőbarát, 
azaz a Google számára akadálymentes verziót, 
Na pont ugyanez a helyzet a humán felhasználók- 
nál is. Alapelv, hogy maga a honlap legyen kere- 
sőbarát és akadálymentes. Ne egy verziója. 


PDM: Tudsz jó és rossz példákat említeni ahol 
jól vagy rosszul oldották meg az akadálymente- 
sítést? 


szemszögéből. Szóval az informatika, és ezen be- 
lül az általam választott szakterületek sokkal hu- 
mánabb szakterületek, mint azt sokan gondolnák. 
A klasszikus reál ismeretek mellett kellenek hozzá 
nyelvészeti, pszichológiai, sőt az akadálymentes- 
ség kapcsán még anatómiai és kórtani ismeretek 
is. 


PDM: Tegyük tisztába, mit is jelent pontosan az, 
hogy akadálymentes web? 


Szántai Károly: Érdekes, hogy az angol szaknyelv- 
ben web accessibility a megnevezése ennek a te- 
rületnek, ami szó szerint web hozzáférhetőséget 
jelent. Nálunk valahogy a hozzáférhetőség szó 
evésbé terjedt el, helyette az akadálymentes- 
ség honosodott meg, amire egyébként az angol 

a barrier-free szót használja. Mindez sajnos sok 
reértésre adhat okot, mivel mindenki azonnal a 
ogyatékosságra asszociál, és úgy gondolja, hogy 
a kérdés csak és kizárólag a fogyatékos személye- 
et érinti. Pedig sokkal általánosabb dologról van 
szó. 


(ex 


A lényege az, hogy ha a webre elhelyezünk vala- 
milyen adatot, szöveges vagy multimédiás tartal- 
mat, akkor ahhoz minden felhasználó egyforma 
eséllyel hozzáférhessen, függetlenül az esetleges 


Szántai Károly: Fontos, hogy különbséget tegyünk 
az akadálymentesség és az akadálymentesítés 
között. Az előbbi egy pozitív követendő elv, míg 
az utóbbi egy olyan tevékenység, ami már eleve 
feltételezi, hogy van egy rossz alap, amin utólag 
faragni, korrigálni kell. Persze üdvözlendő, ha va- 
laki fontosnak tartja a meglévő rendszerének aka- 
dálymentesítését, de készüljön rá, hogy ez sok- 
szor már csak nagyon körülményesen hajtható 
végre. Ha egyáltalán végrehajtható. Épületek aka- 
dálymentesítésénél talán mindenki ismeri annak 
problémáját, hogy egy régi épületbe milyen nehe- 
zen lehet liftet, vagy rámpát beépíteni. A webnél 
is hasonló a helyzet. 


Az lenne a jó, ha újonnan induló projekteknél 

az akadálymentesség már az első tervekben is 
megjelenne. Létezik egy olyan tervezési stratégia, 
amit Egyetemes Tervezésnek, angolul Universal 
Design-nak hívnak. Ez azt mondja, hogy minden 
körülöttünk lévő tárgyat, szolgáltatást, online tar- 
talmat eleve úgy kell megtervezni, hogy kezdettől 
fogva figyelembe vegyük a felhasználók képessé- 
geinek különbözőségét, és ennek alapján olyan 
dolgot készítsünk, amit mindenki egyforma esély- 
lyel tud majd használni. Talán meglepő, de a ma- 
napság divatos reszponzív webdizájn is szinte ide 
sorolható, hiszen ennél is előre megtervezzük, 
hogy ugyanazt a tartalmat a különböző képessé- 
gű eszközökön hogyan tudják majd kényelmesen 
elérni a felhasználók. 


Ezzel ellentétben sajnos sokszor azt tapasztalom, 
hogy megcsinálják valahogy a weboldalt, majd az 
utolsó pillanatban valakinek eszébe jut, hogy ez 
vajon akadálymentes? És ha nem, akkor ,mente- 
sítsük". Ilyenkor veszik elő gyors megoldásként az 
akadálymentes verzió dolgot... 


PDM: A webergonómia és az akadálymentesítés 
szorosan összefügg. Miért fordítanak erre kevés 
figyelmet a fejlesztők? 


Szántai Károly: Szerintem a fejlesztők a weber- 
gonómiát hamarabb felfedezik, sőt újabban min- 
denki a UX-ről, azaz a felhasználói élményről 
beszél. Bizony, ma már elmosódnak a határok 
ezen fogalmak között, és az akadálymentesség 
mindegyikbe elhelyezhető. Szinte mindegy hon- 
nan nézzük a kérdést, a lényeg az, hogy a felhasz- 


akadályozottságától. Az akadályozottság a bioló- 
giai értelemben vett képességzavarból, fogyaté- 
osságból is következhet, de életkortól, szituá- 
ciótól, környezettől, eszköztől függően bárkinél 
elléphet. 


Mondok egy példát. Tételezzük fel, hogy egy 
önyveket árusító webshopban az akciós termé- 
ek árát piros színnel jelzik. Ha a monokróm ki- 
jelzős e-book olvasómmal meglátogatom ezt a 
webshopot, akkor az eszközöm miatt a piros színt 
biztosan nem fogom érzékelni, tehát nem férek 
hozzá ahhoz a fontos információhoz, hogy melyik 
termék akciós. De ugyanebben a cipőben járhat 
az is, akinek színlátási zavara van. Az pedig talán 
végképp egyértelmű, hogy egy vak felhasználó 
számára, aki a weboldalon található tartalmakhoz 
felolvasott szövegként, vagy digitális Braille esz- 
köz segítségével jut hozzá, a piros szín semmit 
sem jelent. Mindebből az követezik, hogy akkor 
lesz akadálymentesen elérhető az akcióra vonat- 
kozó információ, ha a színnel történő jelzéssel 
párhuzamosan, valami más módon is jelen van. 
Sokakban felmerülhet, hogy akkor valami ikonnal, 
vagy egy , akció" feliratú jelvénnyel jelöljük ezeket 
a könyveket. Ez rendben is lenne, ugyanakkor ez 
egy sor újabb akadálymentességi kérdést vet fel. 
Biztosan mindenki hozzáfér majd a jelvényen, 
azaz a képen lévő akció felirathoz, illetve érteni és 
látni fogja az ikont? 


De hadd mondjak egy másik szemléletes példát. 
A napokban beiratkoztam egy amerikai egyetem 
ingyenes webes kurzusára. Este az ágyban ke- 
zembe vettem az iPad-emet, és arra gondoltam, 
megnézem az első előadás videófelvételét. Akkor 
jöttem rá, hogy nem tudom hangosan hallgatni 
az előadást, mert a családom már alszik, a fülhall- 
gatót pedig nem készítettem magamhoz. Vagyis 
ebben a szituációban ideiglenesen , hallássérült" 
ettem. Még szerencse, hogy az amerikai jogsza- 
bályok eléggé szigorúan veszik az egyenlő esé- 
yű webes hozzáférést, tehát nem volt kérdéses, 
hogy a videó feliratozva is megtekinthető. Meg- 
jegyzem, ugyanígy tudnám csak megnézni egy za- 
jos metrószerelvényben is. Az én ideiglenes aka- 
dályozottságomnál azonban sokkal fontosabb, 
hogy ha egy egyetemi hallgató valóban hallássé- 
rült, akkor neki a videófeliratozás nem egy ,ké- 
nyelmi" opció, hanem létszükséglet. 


nálók körébe mindenkit beleértsünk. Minden- 
kinek lehessen pozitív felhasználói élménye! Ne 
szelektáljunk képességek alapján! Egy fogyatékos 
emberben is a felhasználót lássuk, és ne az aka- 
dályozottságát! 


Egyébként általános tapasztalat, hogy ami ergo- 
nómikus, az bizonyos mértékben már akadály- 
mentes is, és fordítva. Ha például az érintőkép- 
ernyőn megjelenő weboldalunknál megfelelő 
méretű érintési felületet biztosítunk a gombok- 
nak, akkor már csak nézőpont kérdése, hogy erre 
azt mondjuk, hogy ez mennyire ergonómikus, 
vagy azt, hogy ujjbegyünk mérete már nem aka- 
dály agomb megnyomásában. De ha megfelelő 
méretű az érintési felület, akkor egy idős ember, 
egy kézremegéses vagy más mozgáskoordináció- 
ban korlátozott felhasználó is biztosabban tudja 
eltalálni agombot. Talán az árnyalatnyi különb- 
ség ott kezdődik, amikor az akadálymentességi 
szakember itt nem áll meg, és felteszi azokat a 
kérdéseket is, hogy biztosan minden felhasználó 
hozzájut ahhoz az információhoz, hogy ott egy 
megnyomható gomb van? Például a felolvasó- 
programot használó vak ember is hallani fogja 
ezt? Azok is aktiválni tudják majd a gombot, akik 
képtelenek az ujjukkal megérinteni a képernyőt? 
Számukra is biztosítani kell az ergonómikus hasz- 
nálatot. 


PDM: Mi a helyzet az itthoni és a külföldi piacon 
a weboldalak terén akadálymentességi szem- 
pontból? 


Szántai Károly: 2013 végén, az EU egyik kapcsoló- 
dó tanulmánya alapján, ezen a téren mi valahol a 
27 tagország középmezőnyébe tartozunk. Sehol 
sem igazán rózsás a helyzet. Persze vannak olyan 
országok, ahol sokkal komolyabban veszik a kér- 
dést. Ilyen például az Egyesült Királyság, Norvégia, 
az EU-n kívül az Amerikai Egyesült Államok, illetve 
Ausztrália. 


Az biztos, hogy - tapasztalatom alapján - itthon 
elég siralmas a helyzet. Túlnyomó többségében 
biztosan nem akadálymentesek az oldalak. Hiá- 
nyos és ellentmondásos a vonatkozó jogi szabá- 
lyozás is. Jellemzően a közszféra weboldalainál 
a sárga-fekete ikonos, akadálymentes verziós 
megoldással , kipipálják" a kérdést, amiből aztán 
olyan sületlenségek születnek, amit legutóbb is 


PDM: Mindenki látta már a sárga körben, 3 fe- 
kete pontot, mint az akadálymentes részt jelölő 
gombot. Jó ez a megoldás vagy rossz? 


Szántai Károly: Egyértelműen rossz. Talán az elő- 
ző két példám alapján is érezhető, hogy nem at- 
tól lesz egy weboldal tartalma mindenki számára 
akadálymentesen hozzáférhető, ha csinálunk egy 
képek nélküli, fekete hátterű, nagy sárga és fe- 
hér betűkkel írt verziót. A jel maga egyébként a 
gyengénlátás szimbóluma, tehát már ott tévútra 
visz, hogy a kérdés csak a látássérülteket, és azon 
belül is agyengénlátókat érinti. Amennyiben a 


Fotó: Töltésy Dávi. 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


nallottam. Valaki egy konferenciára készülve meg- 
számolta, hogy hány oldalon talált ilyen ikont, és 
ebből következtetett arra, hogy hány oldal aka- 
dálymentes. A helyzet az, hogy a honlap akadály- 
mentessége sem ránézésre, sem a plecsnikből 
nem állapítható meg azonnal. Egy orvos sem 
tudja az utcán ránézésre megállapítani valakiről, 
hogy egészséges-e. Persze a betegség jeleit ész- 
reveheti, de alapos vizsgálat nélkül nem lehet ki- 
jelenteni semmit sem. Ez így van a weboldal aka- 
dálymentességével is. Ha így nézzük, akkor az én 
munkám is sokszor diagnosztikai jellegű. 


[t) thumblr 
Ív) twitter 
3") googlet 


UX designer, 
használhatósági szakember 


rA UI/UX szakma egyik legnagyobb alakja!" Van 
aki így vélekedik róla, de egy biztos; aki egy 
Kirowski, vagy egy Ustream UX vezetője, annak 
kisujjában van a szakma ismerete! Interjú a 
mostanában nagyon elfoglalt Zolival! 


PixelDesigners Magazine: Ha megnézzük az élet- 
utadat, akkor a design, a kreativitás és a fel- 
használói élmény jobbá tétele mindig is jelen 
volt a munkáid során. Hogyan fertőzödtél meg 
ezzel a szakmával? 


Gócza Zoltán: Gyerekkoromban hatalmas Star 
Trek rajongó voltam, és ámulatba ejtettek a so- 
rozat Michael Okuda által tervezett grafikus fe- 
lületei. A dózis elég magas volt (ne feledjük, hogy 
ebben az időben kódolatlanul jött a Sky), megfer- 
tőződtem. 


.. érzem, hogy valahogy így kellene kezdenem, de 
valójában ennél laposabb a sztori. 


A Műegyetenre jártam, mindig is nagyon foglal- 
oztatott, hogy komplex rendszereket hogyan 
ehet egyszerűen leírni, ábrázolni. Ezzel akartam 
oglalkozni, nem feltétlenül a felhasználói felüle- 
ekkel. De az egyetem után piszok mázlim volt, és 
egyből egy zseniális UX pozícióba kerültem (in- 
ormációs architektúra tervezésnek hívtuk akko- 
riban). Olyan projekteken kezdtem, mint például 
a magyarorszag.hu vagy a Shaker, ami egy online 
prezentáció-készítő szoftver volt 2003-ból. Meg- 
etszett, ittragadtam. 


PDM: Nagy nevű cégeknél voltál UX (user expe- 
rience - felhasználói élmény) vezető; Kirowski, 
Ustream, és most a Centralway. Mi okozza a 
legnagyobb kihívást ezen a területen? 


GZ: Haha, rengeteg az érdekes kihívás. Számom- 
ra a legfontosabb a céges kultúra átalakítása. Az, 
hogy ne csak egy részleg foglalkozzon a UX-szel, 
hanem mindenki átálljon a felhasználó-központú 
megközelítésre. Ez nem egy gyors folyamat, de jól 
menedzselhető. 


Ezzel ellentétben talán a legkacinfántosabb kihí- 
vás megtalálni a finom egyensúlyt a klasszikus 
használhatóság és a merész újítás között - gon- 
dolok itt a Path menüjére, a Facebook Paperre. 
A UX mérnöki és kreatív oldala között. Ezért na- 
gyon jó olyan közegben dolgozni, ahol a UX és 
a vizuális dizájn szorosan együtt dolgozik. 


A mobil korszakot éljük, minden legyen reszpon- 
Zzív és elérhető minden asztali, valamint hordoz- 


PDM: Jó az, ha mi tervezők vezetjük a felhaszná- 
lókat, vagy jobb ha magától (is) rájön a lehető- 
ségekre? 


GZ: Ha vezetjük... Nem, inkább ha magától rájön. 


Az ilyen kérdésekre szerencsére nincs egyértel- 
mű válasz. A spektrum egyik végén ott egy játék, 
aminek pont az adja a lényegét, hogy neked kell 
rájönnöd a dolgok működésére. Attól érdekes, 
hogy szabadon próbálkozhatsz. Viszont pont ez 
az, amit nem akarnánk egy piszoár esetében. 
Ezért kerül legyet mintázó matrica a fajansz köze- 
pére. Nagyban javítja a célzást. 


Van egyébként erre egy jó kifejezés: , choice 
architect". És egy csomó jó könyv, például a 
Nudge. 


A Nudge könyv borítója. 


PDM: Ha valaki most kezdene el foglalkozni a 
UI/UX tervezéssel, mit tanácsolsz, hol kezdje el? 


GZ: Jó UX blogokat találni végtelenül könnyű. Min- 
denképpen hozzá kell csapni pszichológiával, ana- 
litikával, szövegírással, A/B teszteléssel, front-end 

fejlesztéssel foglalkozó olvasmányokat is. 


ható kutyun. Minden esetben a felhasználói él- ..ES Ott van egy csomó minden, amin lenet gya- 


mény az, ami meghatározza az adott weboldalt korolni. Milyen lehetne a bkv.hu. Hogyan lehetne 
vagy alkalmazást. Hogy látod a jövőt? Mi lehet egy kórházban jól irányítani és tájékoztatni a be- 
a következő lépcsőfok? Kialakulhat egy egységes tegeket stb. 


tervezési és megvalósítási rendszer? 
Gary Vaynerchuk fogalmazta meg legtömörebben: 

GZ: Mindig is voltak, akik egyből HTML-ben ké- naStop watching fucking Lost". 

szítették el az első drótvázakat, prototípusokat, 

vagyis gyakorlatilag a kész terméket kezdik építe- 

ni. Ennek vannak előnyei és hátrányai is. 


Én a másik iskolát képviselem: papíron vagy táblá- 
nál kezdek el tervezni, hiszek az iterációkban, 
az eldobható tervekben, a kísérletezésben. 


Ami a reszponzív tervezést illeti; a tervezőeszkö- 
zök kicsit lemaradtak, de mostanában már he- 
tente jelennek meg újabb és újabb alkalmazások, 
amikkel elképesztően jó, interaktív és reszponzív 
prototípusokat lehet készíteni. 


Tavaly óta az Axure - ez tulajdonképpen az UX 
tervezők Photoshopja - hetes verziójával is lehet 
adaptív nézeteket létrehozni: ki kell választanod, 
hogy milyen eszközre tervezel először, és abból ki- 
indulva le lehet vezetni a többi képernyőméretet is. 


Gary Vaynerchuk 


Nem mai anyag, és angolul tudok előny- 
ben! Az ominózus videó, ahol elhangzik a 
sStop watching fucking Lost" mondat. 


Papp Ádám e tumblr 
Webdesigner, grafikus Ív) twitter 


Több mint 15 éve foglalkozom weboldal és 

grafikai tervezéssel. A Hungarian Adobe e googler 
Users Group alapítótja és elnöke vagyok. 

Valamint számos weboldalt, könyvborítót 

és grafikát terveztem, és oktattam. 
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kiadványszerkesztő 
nyomdai előkészítő 
minősített Adobe oktató 


Magazinunk első számának interjúalanya 

a Fontoló Stúdió kiadványszerkesztője és nyom- 
dai előkészítője, minősített Adobe oktató, vala- 
mint a Hungarian Adobe Users Group egyik 
alapítója. 

Jakab Zsolttal beszélgettem az Adobe szoftve- 
rekhez fűződő szakmai múltjáról és persze 


jelenéről, valamint a kiadványszerkesztő szak- 
ma jövőjét is górcső alá vettük az Adobe szoft- 
verek szemszögéből. 


Papp Ádám: 1998-ban sikeres ACE (Adobe 
Certified Expert - minősített Adobe szakértő) 
vizsgát tettél Photoshopból, Magyarországon el- 
sőként. Hogy kerültél kapcsolatba a szakmával, 
majd az Adobe Photoshoppal? 

Miért pont Adobe? 


Jakab Zsolt: Első kapcsolatom az Adobe szoftve- 
rek közül a Photoshoppal volt, 1994-ben 

(Hol volt akkor még az InDesign vagy a Flash!?). 

A Műegyetemen kellett féléves házi dolgozatot 
írni informatikából és én a Photoshopot válasz- 
tottam. Akkoriban - a lelkes műkedvelő ismerke- 
désen kívül - annyi közöm volt a szakmához, hogy 
egy kiadónál dolgoztam szerkesztőként. Akkor 
még távolról csodáltam a tördelők munkáját, de 
annyira tetszett a dolog, hogy két évvel később 
már a Typestream Stúdióban töltöttem a szakmai 
gyakorlatomat, és a műhely vezetője Vémi József 
tipográfus volt a konzüulensem a diplomamun- 
kámhoz. És hogy miért pont Adobe? Amiért azóta 
is a legtöbben ezt választják: nincs jobb. 


Papp Ádám: Miből kellett vizsgázni? 


Jakab Zsolt: A"98-as Photoshop ACE vizsga ép- 
pen olyan jellegű volt, mint most egy ACE vizsga. 
Teszt, elméleti és gyakorlati kérdésekkel, nehe- 
zebb és könnyebb kérdések egyaránt. Akkor még 
csak ez a minősítés létezett, a többit (például a 
minősített oktató) csak később vezették be. 


Papp Ádám: Később Illustratorból és InDesign- 
bólis vizsgát tettél. Hasznát tudtad venni a vizs- 
gádnak, vagy inkább a tudás számított? 


Jakab Zsolt: Akkoriban indítottam saját cégemet, 
a Fontoló Stúdiót, így a felvételi beszélgetésben 
ez nem sokat nyomott a latba. Azóta is úgy gon- 
dolom, hogy inkább a tudás számít. Persze ha 
állást keresnék, valószínűleg jó érv lenne az inter- 
jún egy ACE vizsga. 


hogy ezeket készítő emberek mennyit keresnek 
Németországban, Angliában? Azt hiszem a minő- 
ségi munka nem az országon és nem a pénzen 
múlik. 


Papp Ádám: Hogyan látod a hazai DTP jövőjét? 


Jakab Zsolt: Nehéz megítélni, különösen a követ- 
kező évtizedet, hiszen az e-könyvek forradalmá- 
val jelentős változások előtt áll a szakma. 


Papp Ádám: Szerinted milyen irányba tudna 
még fejlődni az Adobe kiadványszerkesztő szoft- 
vere, az InDesign? 


Jakab Zsolt: Ezt a kérdést nálam sokkal komo- 
yabb szakemberek is boncolgatják... Az elmúlt 
néhány verzióváltásnál úgy gondoltam, hogy az 
nDesign fejlődött a legtöbbet a programok kö- 
zül. A CS5-CS6 esetében a Flash-ihlette funkció- 
kat már egy kicsit erőltetettnek tartom. Úgy vé- 
em ez a túlerőltetett, másfél éves frissítési ciklus 
eredménye: a programozóknak mindenképpen 
ell hozniuk az új verziót a vezetés által meg- 
szabott időpontra. Persze ebben most a Creative 
Cloud változást hoz majd, végre ismét a mérnö- 
ök és nem a marketingesek mondhatják meg, 
hogy mikor érett meg egy új verzió a kiadásra. 

A fejlődés tekintetében nekem a legjobban 

a (tágan értelmezett) automatizálás/programo- 
zás irány tetszik, így a GREP, a változók definiálá- 
sa, az XML lehetőségek. Ráadásul ezek a jövőben 
nagyobb hangsúlyt is kapnak majd. 


Papp Ádám: Bő egy éve már, hogy az Adobe 
szofverei elérhetők a felhőben és az új, CC vál- 
tozatok már csak előfizetéses rendszerben (soft- 
ware as a service) hozzáférhetők. Mi erről a vé- 
leményed? 


Jakab Zsolt: Bár a konstrukció már egy éve lé- 
tezik, de mint kizárólagos választási lehetőség, 
mindössze csak néhány hónapja, így nehéz erről 
még megalapozott véleményt alkotni. Az ötlet jó, 
de láthattunk már jó ötleteket rossz megvalósítá- 
son elsikkadni. Sokakkal együtt én is azon a véle- 
ményen vagyok, hogy a szoftverrel foglalkozó cé- 
geknek nem , erőből" kellene kikényszeríteniük a 
jogtiszta szoftverhasználatot, hanem olyan üzleti 


marelit falállíraninir amaelyhan mindenki iál iár 


Papp Ádám: Zsűritag voltál az Adobe Europe ál- 

tal meghirdetett nemzetközi design pályázaton, 

a kelet-európai régió képviseletében. Hogy talál- 
tak rád? Milyen volt ott zsűrizni? 


Jakab Zsolt: Akkoriban az Adobe magyarországi 
képviseleténél dolgoztam, így már kapcsolatban 
voltam a skóciai központtal. A pályázat nemzet- 
közi volt, így célszerű volt a zsűrit is nemzetközi 
palettáról összeállítani. Akkoriban nyitottak 
Közép- és Kelet-Európa felé, így politikailag kor- 
rekt volt ebből a régióból is meghívni valakit - én 
pedig kapóra jöttem. 


Papp Ádám: Milyen különbséget látsz a hazai és 
a külföldi nyomdaipari munkákban? 


Jakab Zsolt: Tulajdonképpen nem sokat. Bár az 
én tapasztalataim nem alapulnak , reprezentatív 
mintán", de azok az anyagok, amiket külföldi (né- 
met, olasz, angol, cseh) kiadóktól, ügynökségek- 
től kapunk, néha megdöbbentően gyatra munkát 
tükröznek: átlagosan rosszabbat, mint amilyet a 
magyar ismerőseim, partnereink, sőt tanítványa- 
ink nagyobb része készít. Persze kíváncsi volnék, 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


CS cd zs 
A "90-es években az Adobe nem azért lett piacve- 


zető, mert sok pénze vagy hatásos marketingje 
volt, hanem mert remek szoftverekkel rukkoltak 
elő. Összességében szerethető cég volt. Mára 
azonban nagyon nagyra nőtt, és egyre inkább 
azokat a tüneteket mutatja - például rugalmat- 
lanság -, amiket a nagy cégekben utálnak a fel- 
használók. Hogy minderre példát is hozzak: 


STT 


Biztos vagyok benne, hogy a Creative Suite védel- 
me (szériaszám, aktiválás, folyamatos szoftveres 
védelem) komoly fejlesztési költségeket emész- 
tett fel bevezetésekor. Ez a biztonsági rendszer 
azonban néha elromlik - én is tapasztaltam 

már -, ilyenkor pl. az Acrobat egy üzenetben azt 
mondta: bocs én most nem működöm tovább. Jó 
esetben elég egy újraindítás, rossz esetben egy 
újratelepítés. Mindenképpen időkiesés és bosz- 
szúság. Ugyanakkor több verzióváltásnál is elő- 
fordult, hogy az illegálisan letölthető Photoshop 
előbb volt elérhető itthon, mint a legális változat 
a forgalmazó kínálatában. Ráadásul a tört válto- 
zat néha kevesebb gondot okoz a felhasználó- 
nak, mert pl. nincs korlátozva az aktiválások szá- 
ma. Mindez azt jelenti, hogy a szoftvervédelem 
ezen formája sokba kerül a fejlesztőnek, gondot 
okoz a felhasználónak, ugyanakkor egyáltalán 
nem csökkenti a ,kalózkodást". A Creative Cloud 
esetében sem sokat változott a modell: ha nem 
is folyamatos, de rendszeres online ellenőrzés 
kell ahhoz, hogy a szoftvereim fussanak, ugyan- 
akkor a kalózverziók már ezekből is léteznek. 


Visszatérve a kérdésre: ha az Adobe ebből az 
ötletből olyan üzleti modellt tud létrehozni, ami 
mindenkinek jó, akkor már alig várom. Ha ettől 

a lépéstől a szoftverkalózkodás visszaszorítását 
vagy a felhasználóktól magasabb bevételek kisar- 
colását várják, akkor elszomorít. 


Az internet egy állatkert 
SOCIAL Az online tartalmak ideális hossza 


MEDIA 


Alapelv: minden tartalom csak olyan hosszú legyen, amennyi 
feltétlenül szükséges ahhoz, hogy átadja az üzenetet. 
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! TWITTER 
i A 100 karakternél rövdebb 


! csiripelések 1796-kal 
! nagyobb elkötelezettségi 
; arányt érnek el. 


 FACEBOOK 


! A40 karakter hosszúságú 
: posztok 8696-kal nagyobb 
:  elkötelezettséget Hi 
:  generálnak, mint az ennél Hi e 
: hosszabbak. 5 fú 
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E. BEKEZDÉSEK 


40-55 
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Z HASHTAGEK 


6 


TÁRGY MEZŐK 


28-39 


NH CÍMSOROK 


90 


GOOGLEt 


Ha a Googlet posztod nem 


; fér be egy sorba, akkor 


az első mondatod legyen 
bevezető, mely további 
olvasásra ösztönöz. 


BEKEZDÉSEK 


Megkönnyíti az olvasók 
dolgát a nagyobb fontok 
használata - ha egy sorba 
kevesebb karakter kerül, 
könnyebb sorról sorra 
haladni és figyelni. 


DOMAIN NEVEK 


A legjobb domain nevek 
rövidek, egyszerűen 
megjegyezhetők 

és leírhatók, nem 
tartalmaznak sem 
kötőjelet, sem számot, 
és .com végződésűek. 


HASHTAGEK 


Ne használj szóközt 

vagy speciális karaktert, 
ne kezdd számmal, ne 
tartalmazzon csak számot 
és óvatosan használj 
szlenget. 


EMAILEK TÁRGYA ; 


A 28-39 karakter közötti 
tárggyal küldött e-mailek 
átlagosan 12,296-kal 
nagyobb megnyitási és 
496-kal nagyobb kattintási 
arányt érnek el. 


CÍMEK 


A cím semmiképpen se 
legyen 60 karakternél 
hosszabb. 


A SZAVAK IDEÁLIS SZÁMA 


6 


szó 


BLOG SZALAGCÍM 


Mindig csak az első 3 és az utolsó 
3 szó az, amit elolvasnak egy 
címben. A hossz helyett arra 
koncentrálj, hogy minden szó 
fontos legyen. 


25 


szó 


LINKEDIN POSZT 
Ha B2B posztot írsz, 16-25 szót 


használj. Ha ügyfeleknek címzed, 


akkor 21-25 szavas az ideális, 
az kapja a legtöbb megosztást. 


BLOGPOSZT 


A valóban végigolvasott posztok 
7494-a 3 percnél rövidebb, 
949-a pedig 6 percnél rövidebb 
hosszúságú. 


A PERCEK IDEÁLIS SZÁMA 


3 


PERC 


YOUTUBE 


A legnépszerűbb videók 
mind rövidek. Az 50 
legnézettebb YouTube videó 
átlagos hossza 2:54. 


22 


PERC PERC 
PODCASTOK TED ELŐADÁSOK 
Átlagosan 22 percig Minden egyes TED előadó 


18 


hallgatják az emberek a 
podcastokat. Tanulmányok 
igazolják, hogy a diákok 
átlagosan 15-20 percig 
tudnak figyelni, 20 perc fölött 
már csökken a figyelmük. 


maximum 18 percet 
beszélhet, mert a közönség 
ennél többet nem tud 
befogadni. Az időkorlát arra 
kényszeríti a beszélőt, hogy 
tömören fogalmazzon és 
csak a lényeget mondja el 
csevegés helyett. 


Az infografikát készítette: Buffer blog 
Az infografika magyar változatát készítette: Horváth Alexandra 
Design, illusztráció és kutatás: Daniella Franco, Kimi Mongello 


sumall 4 $ buffer c cialmix 


Horváth Alexandra 


Közösségimédia-tanácsadó, Social Mix 


Több mint 10 éve foglalkozom online marketinggel; 
fő kutatási területem a social media és annak üzleti 
mechanizmusa. Tanácsadóként az optimális 
közösségi média mix kialakításában segítek 

a kisvállalkozásoknak. 


SLIDESHARE-PREZENTÁCIÓK 
A jó prezentáció egyik 
alapszabálya a megfelelő 
hosszúság: 61 slide-ra 
érdemes tervezni. 
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Bevallom rendkívül sokat törtem a fejem ezen a témán. El is mondom miért. 
Szóval a cikk megírása előtt elég mélyen beleástam magam a témába, 
habár nem volt kétségem, mekkora mennyiségű új funkciót préseltek az új 
kiadásba a Google lányai. Ennek ellenére is meglepett, amikor már több 
mint 200 említésre méltó újdonság gyűlt össze abban a bizonyos táblában. 
Itt körvonalazódott bennem mire is vállalkoztam, ennek már a fele sem volt 
tréfa. Jött persze a fejvakarás, mi maradjon benne, mi maradjon ki, miről 
meséljek egyáltalán? Ez sem egyszerű, sem rövid nem volt. 


végül úgy döntöttem; elsőre nem akarok mindent elmesélni. Először 
csak egy nagyvonalú kedvcsinálóban elég lesz ezekből szemezgetni, sok 
szép képpel, átadni az érzést. A többit ki lehet fejteni később is. 


MATERIAL DESIGN 


A rendszer egészét áthatja az új design nyelv a Material Design-nak ne- 
vezett arculat. Rettentő tömören összefoglalva, az egész új megközelí- 
tés lényege, a tranzíciók (áttűnések) az animációkban és a folyamatos 
reszponzivitás. 


A reszponzivitás elsősorban ott érhető tetten, amikor a rendszer minden 
érintésedre reagál rád, mindig látod honnan indulnak a gesztusok, illetve 
hova tartanak, és visszajelzést kapsz, ha odaértek. Ezzel végső soron se- 
gít neked. Az már csak a ráadás, hogy minden szép simán fut. Legalábbis 
az egy éves Nexus 5-ön tuti. (Mellesleg minden szempontból csak ajánla- 
ni tudom a készüléket). 


NOTIFICATIONS 


A rendszer lelke az értesítések rész, amit nyugodtan nevezhetnénk akár irá- 
nyítóközpontnak is. Vizuálisan és funkciójában alaposan újra lett gondolva. 
Láthatóan nulláról újraalkották. Minden funkció elérhető, ami régen is, de 
mégis igazán új az egész. Rengeteg pici finomságot figyelhettek meg (...és 

a béta-hoz képest, a visszatérő clear all, csak az egyik örömteli változás). 


Anélkül, hogy a részletekbe belemennénk, a gyors beállításokról minden- 

képp beszélni kell! Végre minden egy képernyőn van, egy húzással elér- 

hető, vagy épp bezárható, nincs több kalandozás, de értékes helyet sem 

foglal semmi feleslegesen. A régi kedvencek sem tűntek el, de három új- 

donságot mindenképp ki kell emelnem: 

" a zseblámpa tuti sláger lesz, hiányzott is már, 

" van egy gombos védelem az elforgatás ellen, ha esetleg téged is megő- 
rít időnként, 

" végül pedig a screencast gornb is itt található, egy mozdulattal kilőhető 
a telefonod képe a tv-re, amennyiben van ChromeCast-od (ajánlott). 


Az értesítéseket a rendszer automatikusan, a szokásaidat figyelembe 
véve igyekszik priorizálni. A számodra legfontosabb elemeket mindig elő- 
re rakja. Ezen felül az egyes értesítések szét- és összehúzhatóak, attól 
függően melyikből szeretnél többet, vagy épp kevesebbet látni. Az értesí- 
tések - szokás szerint - egy húzással eltüntethetőek. 

Újabb apróság; ha hosszan tartod az ujjad az értesítésen, akkor egyrészt 
ügyes az animáció, amivel módot vált az elem, de - az első lelkesedé- 
sen túljutva - további információkat fedezhetsz fel. Ugye téged is zakla- 
tott már számos játék, hogy vedd meg a prémium változatot? Nos, ez itt 
hamar ki fog derülni. Valamint testre is szabhatod a működésüket, vagy 
akár blokkolhatod is bármelyiket. 


SZOFTVER 


Operációs rendszer 


lollipop 


Android 5.0 


a 
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New incognito tab 
Bookmarks 
Recent tabs. 


History 


Regvest desktop site 


Settings 


Help 8 feedback 


Látványos animációk 


Ami nagyon jó a gyors beállításokban, hogy minden kattintható. Hadd 
alandozzak el! Érdemes megfigyelni, ahogy minden érintésre jön vala- 
miféle visszajelzés, így meglehetősen egyértelmű merre érdemes nyom- 
odni. Szóval minden kattintható: az idő, az ébresztő, az aksi stb. 


De a legjobb, hogy a jobb felső sarokban, ahol a képed látod, egy fel- 
használói profilváltó bújik meg. Tableten ez már tavaly is volt és végre te- 
efonon is elérhető. 


Ínyenc szekció. Érdemes kicsit játszani a gyors beállítások fel-le húzoga- 
ásával is. Figyeljétek csak a felső sávot, nagyon dögös az a morph ani- 
máció, ahogy előtűnnek az új beállítások. Nézzétek előbb az órát, ahogy 
átalakul! Végül nézzétek az aksit, ahogy mellette - szó szerint - begurul a 
beállítás ikon. 


VENDÉG MÓD 


ülön kiemelendő a vendég mód is. Nagyon praktikus, ha oda szeretnéd 
adni valakinek. Olyan ez mintha egy tök új telefonod lenne, mindenféle 
app-ok és más nélkül. Felrakosgathatják a saját app-jukat. De ami a leg- 
fontosabb, a saját felhasználód jelszóval (és még sok más módon védhe- 
ted), nem férhetnek a személyes adataidhoz és az értesítéseidhez se. 


Ez még nem minder! Előfordulhat, hogy egy gyerkőcnek adod kölcsön a 
telefonod játszani és nem szeretnéd, ha össze vissza nyomogatná. Erre 

jó a screen pinning, amivel lekötheted az app-ot, nem lehet majd kilépni 
az app-ból a szokásos módokon. Ezt csupán csak egy spéci kombináció- 
val tudod majd megtenni. 


Ha már a felhasználóváltás, a jelszavak és az értesítések, így együtt meg 
ettek említve, akkor még egy újdonság mellett nem lehet elmenni. Az iP- 
hone-hoz hasonlóan, az értesítések már a lock screen-en is elérhetőek, 
eljes értékűen, még a gyors beállítások is ott vannak. Nekem ez épp na- 
gyon hiányzott már, tegye fel a kezét, akinek hozzám hasonló érzései vol- 
ak, vagy épp még vannak a Lollipop előtt. 


LOGK SCREEN 


de tartozik még, hogy a hangerő változtatása kapcsán három - minek is 
nevezzem...? -, mondjuk ,ne zavarj" mód is elérhetővé válik. A mindent, 
vagy semmit módokon nincs mit magyarázni. Persze ezeknél is jófejség, 
hogy beállítható meddig maradjon ebben a módban, de ez alapelvárás, 
nem jár külön piros pont. 


Ami sokkal érdekesebb az a prioritás mód, ahol szépen szabályozhatod, 
hogy mit szeretnél fogadni és mit nem. Lehet szó eseményekről, emlé- 
eztetőkről, hívásokról, vagy épp üzenetekről, elég változatosan szabá- 
yozhatod azokat. Persze az ébresztők ilyenkor is működnek, biztos nem 


e mihitwamgmas: com 


Profil váltás (jobbra fent) 
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Missed Call 


Sundar Pichai 


1/0 2014 Keynote 


SAM, Moscone Center 


Lock screen 


fogtok (emiatt) elaludni. Ezt biztosan tudom, régebben minden este re- 
pülő módba tettem a telefont, hogy senki se zaklasson, most ezt a prio- 
ritás mód váltotta ki. 


Még néhány igazán gusztusos apróságot mindenképp meg szeretnék 
nektek mutatni. Tényleg nem nagy dolog, de mégis nagyon igényes, az 
animáció, amikor a kikapcsol gomra nyomtok... előbb fekete fehérbe vált, 
majd fokozatosan elsötétül 


SETUP 


Szintén nagyon jó nyomot hagyott bennem a telepítés után, az Android 
új setup folyamata maga is. Nagyon ízléses volt, ahol csupán néhány 
egyszerű dolgot kellett megadni, majd a felhőből lehúzta a backup-ot 
és néhány perc múlva minden tökéletesen a helyén volt. Ez még az 
iPhone-hoz mérve is meglepően sima volt. De nem szabad elfelejteni a 
kétlépcsős autentikációt, ami komolyan erősíti a biztonságot. 


ANDROID BEAM 


Az Android Beam is jobban működik mint valaha, aki nem ismerné, ez a 
technológia nagyon egyszerű adat- és fájlcserét tesz lehetővé két készü- 
lék között. Csak össze kell őket érinteni, az NFC technológiának köszön- 

hetően összekapcsolódnak és rövidesen lehet is küldeni. 


És ha már itt tartunk tovább erősítették a kapcsolt eszközökkel való 
együttműködést. A Bluetooth 4.1-nek köszönhetően még kevesebb ener- 
giafelhasználással, még hatékonyabban fog majd a telefon együttműköd- 
ni más eszközökkel. Legyen szó úgynevezett viselhető eszközökről, mint 
számos fitness karkötő, vagy csúnya nevén, más loT kütyükről. 


Amellett sem lehet elmenni szó nélkül, hogy a web maga egyre mélyeb- 
ben épül be az Android készülékekbe, az egyes Chrome ,tab"-ok megje- 
lennek az alkalmazás váltóban. Habár ki is lehet kapcsolni, ha valakit za- 
var, de nekem nagyon bejött. 


PROJEGT VOLTA 


A Google minden Android verzió esetében indít egy vagy több projektet, 
amelyek a készülék 1-1 képességét hivatottak turbózni. Az előző KitKat 
esetében ez a Project Svelte volt, ami lehetővé tette, hogy szerény képes- 
ségű vasakon, akár 512 MB memóriával szerelt telefonokon is jó élményt 
nyújtson a készülék. Tették ezt nem kis sikerrel! Erre volt bizonyíték a 
rendkívül sikeres és kiváló ár-érték aránnyal büszkélkedő Moto G. 


Ezúttal a Project Volta-n volt a sor, ami az akkuidőt próbálta javítani. A ké- 
sőbbi cikkekben részletesen is ki fogom fejteni, hogy miféle ,fekete mági- 

áról" van szó a háttérben, de mindez komoly előny jelent a használatban. 
Csak egy szembeötlő példa, hogy amikor az akkutöltöttség 1590 alá megy, 


Ne zavarj mód 


94 ú 1204 
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kllj Wonder How To s Show 8. 


New tab 


New incognito tab. 


Bookmarks 


Chrome tabok 


bekapcsol a battery saver mód, amivel bár a készülék maga érezhetően 
lassabb lesz, fokozatosan lekapcsol ezt-azt, de cserébe majdnem fél na- 
pot számíthatsz még rá. Mondhatom; nekem, aki notórius módon elfelejti 
tölteni a készüléket, nem egy rossz alku... végül is valamit valamiért. 


BATERY SAVER MÓD 


Emellett kifejezetten a feledékenyeknek szól, hogy amikor a készülék bat- 
tery saver módba vált, akkor az alsó és felső csíkok narancs színűre vál- 
tanak, így egyértelműen jelezve a helyzetet. Tehát minden alkalommal, 
amikor a készülékre nézel, látni fogod, hogy merülőben az akku. 


MÉG NINCS VÉGE 


Az Android már nem csak a telefonokat hódította meg, de a tabletpiacon 
is erős. Emellett számos új területen nyílik meg a piac számára. Ezekről 
csupán felsorolás szintjén néhány: 


" Moduláris telefonok, avagy Project Ara 

" Belső terek 3D modellezése, avagy Project Tango 

" Okos órák, Android Wear 

" A Chromecast után még egy irányból közelítenek a TV-ék és a konzolok 
felé, Android TV 

" Végül az autókat is okosítják, Android Auto 


Garantálom, hogy még hosszú ideig nem fogunk kifogyni a jó témákból. 
Jövünk még, stay tuned! :) 


Indefinitely 


O Forone hour 


Batery saver 


Orosz Gábor 


Liligo.com Mobile Lead 8. budapest.mobile alapító 


Közel egy évtizede dolgozom mint szoftverfejlesztő, 

ebből 3 éve szinte kizárólag mobil termékek fejlesztésével, 
mind Android, mind iOS platformmal. Igazi bolondja 
vagyok ezeknek a kis eszközöknek. 
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Aloft design 


Odavagyok érte. Szellősségével, minimál- és retro stí- 
lusjegyeivel teljesen lenyűgöz. A loft eredetileg lak- 
berendezési stílus. Tágas, egybe nyitott terek, a szo- 
kásosnál nagyobb belmagasság és hatalmas, osztott 
ablakok, sok fény jellemzi azt a belső teret, ami otthont 
adhat ennek a stílusnak. A falak jellemzően a tégláig 
visszabontva, vagy szándékosan koptatott a vakolat, a 
plafonon gerendák. Ha belegondolunk, egy régi gyár- 
épület ideális helyszín ehhez. Az enteriőrben a fa és 
fém berendezések dominálnak, s tökéletes összhang- 
ban elegyedik a retro (vagy még korábbról a vintage) 
stílus amodernnel. 


Ha ráérzel a loft stílusra, meglátod az összefüg- 
géseit, a jellemzőit, onnantól már nem nehéz át- 
ültetni grafikus stílusra. Ebben szeretnék segíteni 
egy kicsit. Egy design poszteren mutatom be a 
loft alapvető ,hozzávalóit". 


-— 


zása 
LAFT 


vam SI Mezem 
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Jellemzően nem egy tarka stílusról beszélünk. 

A loft visszafogott, nem éppen színes. A fehér és 
fekete kontraszt itt jolly-joker. Nem lehet mellé- 
nyúlni vele. Ha mégis színekben gondolkozunk, 
bánjunk csínján vele, inkább csak bizonyos ele- 
mek kiemelésére használjuk! Körültekintően vá- 
logassuk meg az árnyalatot! választhatunk retro, 
vintage, vagy modern színeket, de ne párosítsuk 
őket egymással semmiképpen! 


Ae A 
e IR 


Ha híján vagyunk az ötleteknek - már ami a szí- 
neket illeti - forduljunk nyugodtan inspirációért a 
design-seeds.com weboldalhoz. 


2 Background, azaz háttér 
a 


Mindegy, hogy fotót, Photoshop mintázatot (pat- 
tern), vagy egy színnel való kitöltést választunk 
háttérnek, a lényeg, hogy koptatott legyen. Ez 
kulcsfontosságú ennél a stílusnál. Nyilván a fotó 
eleve koptatott felületet ábrázol, pl. téglafal, desz- 
ka, parketta, stb... A mintázatokat és színekkel 
való kitöltést pedig ún. grunge Photoshop ecse- 
tekkel (Brushes) alakíthatjuk a kívánt stílusra. 


2 Hand draw line, azaz 
u kézi rajzhatású vonalak 


A geometriai pontosságot itt el is felejthetjük. A 
lineáknak és körvonalaknak egyenetlen, szabály- 
talan a stílusuk, mintha kézzel rajzoltuk volna. 


4 Grunge font, azaz koptatott betűk 


Ezzel már nem is kell bajlódnunk. Eleve koptatott 
fontokat találhatunk a keresőben. Mindegy, hogy 
talpas, vagy talpatlan, azonban a stílusára ügyel- 
jünk! Legjobb, ha robosztus fontot választunk, ott 
jól érvényesül a koptatott hatás. A kecses, ele- 
gáns, kalligrafikus fontokat most kerüljük el, 


5 Thin font, azaz 
a vékony vonalvezetésű betűtípus 


Minél egyszerűbb, annál jobb. Legyen minimál 
stílusú. Ha robosztus fonttal keverjük - ahogy az 
előző pontban tanácsoltam -, akkor legyen vé- 
kony vonalvezetésű, esetleg narrow (keskeny) tí- 
pusú. 


6. Még több koptatás 


Koptassunk, mert a loft-nak ez áll jól! Használjunk 
erre ún. grunge Photoshop ecseteket (Brushes). 


Z Ikonszerű alakzatok 
Elő a Photoshop egyedi alakzatokkal (Custom 


shapes), az ikonszerű formákkal, sziluettekkel. Egy- 
szerűségével kiválóan illeszkedik a loft stílushoz. 


(j 
8 Valami fémből, fából, vagy TESTE 


a valami retro , beütés" SZsesze tá Ő - álsz 2. 


Az általam tervezett poster design-ban ez az 

elem a szellőzőrács (fehérre festve, de fémből). 4 
Viszont terveztem egy olyan verziót is, ahol az 

egyik irodai székünk fotóját használtam. Ez a szék L ae 


stílusa miatt jó példa a retro beütésre nézd csak: 2 ti 
ZAN is ES. 71 4494441444 


Ha webdesign-t terveznék loft stílusban, egyértel- — — —— — e — 
műen olyan témához társítanám, ami szellemisé- 
gében is passzol a loft-hoz. Például remek téma 
enne az újrahasznos design. Az újrahasznosítás- 
ban fellelhető anyagok, pl. a papír, a fa, a fém ab- 
szolút illik a lofthoz. Ezekből az anyagokból készí- 
tett design termékek , tálalására" a loft stílus találó 
ehet. 


Z/4411114 af) E 9] ! És 41444411 


Cziráki Barbara O zetor 


A webdesignsuli.hu vezető oktatója [n) webdesignsuli 


Eredetileg kiadványszerkesztőként végeztem, 
de a webdesign mindig is jobban vonzott, 
máig főként ezzel foglalkozom. Három éve 
a Webdesignsuli hallgatóit is oktatom erre 
a kreatív szakmára. 


A papírméret 


A szabványos papírméret-rendszerek alapjai, a leggyakoribb mérettáblázatok és 
a papírméretek munkát segítő, egyértelnű megadása 


MIT, MIÉRT? 


Aki nyomdai kivitelezésre tervez bármilyen doku- 
mentumoct, az egészen biztosan találkozik a pa- 
pírméretek megadásával, a papírméretek szab- 
ványával. Gyakorlott szakembereknek nem okoz 
problémát megjelölni egy adott méretet, akár a 
betűkódjával, akár annak méreteivel. A baj csupán 
az, hogy amint valaki először szembesül a problé- 
mával, vagy egyszerűen nem rendelkezik a meg- 
felelő ismerettel és forrásokat keresne, ami segít 
megadni a papírméreteket, akkor sok esetben za- 
varó információkat fog találni. Ennek eredménye 
a rosszul megadott papírméret. Csekélységnek 
tűnhet, de az sem mindegy, hogy egy adott papír 
paramétereit milyen módon tűntetjük fel, vagy a 
nyomdától, illetve a megrendelőtől kapott méret- 
jelölés alapján, a grafikus, kiadványszerkesztő mi- 
lyen dokumentumot kezd elkészíteni. 


Éppen ezért szeretnék egy rövid ismertetőt adni 
a leginkább használt papírméretek helyes meg- 
adásáról. A tények megismerése segít megérteni, 
hogy miért is célszerű szabványosan (!) leírni, je- 
lölni a felhasznált papír méreteit. Egyúttal szeret- 
ném eloszlatni a különböző közösségi szerkesz- 
tés alatt álló, marketing témájú wikioldalak, illetve 
akár szakmai portálok által - nyilván nem szándé- 
kosan - adott, de zavaros információkat a mére- 
tek jelölésével kapcsolatban. Ez ugyanis csak nö- 
veli a káoszt és így akár az adott munka is rossz 
méretben készülhet el. 


LÁSSUNK NÉHÁNY ALAPVETÉST! 


A modern papírgyártásban szinte mindenhol a 
papírgép mintegy futószalag-szerűen készíti a pa- 
pírt. Ennek eredménye, hogy a papír óriási mére- 
tű tekercsekben készül el. Kivételt képeznek ter- 


Különböző papírminőségű ívek és borítékok 


mészetesen azok az egyedi papírok, amelyeket 
merítéssel, hagyományos módon gyártanak. 


A feltekercselt papírok állandó jellemzője, hogy az 
ún. szálirány megegyezik a papírgép futószalagjá- 
nak irányával, azaz a gyártásiránnyal. Ez azért le- 
het fontos, mert a papír szálirányban merevebb. 
Vagyis a papírt szálírányra merőlegesen könnyeb 
hajlítani, kihajtani. Könyv, újság, magazin, füze- 
tecske esetében ez nem elhanyagolható szem- 
pont és növeli a minőség-, illetve komfortérzetet 
a termék vásárlójában. 


A tekercselt papírt később papírívekre (értsd: 
ezek a tulajdonképpeni papírlapok) vágják fel. 
Nyilván léteznek olyan tekercspapírok is, amelyek 
eleve rotációs nyomdagépekre és nagy példány- 
számú nyomtatásra készültek, de ezekkel most 
nem foglalkozom. A szabványosítással a cél tehát, 
az egységesítés mellett, a fel nem használt papír- 
mennyiség csökkentése (az esedék, vagy eselék) 
volt. Azt sem szabad elfelejteni, hogy a végül egy- 
ségesített méretekhez igazították a nyomógépek 
és nyomólemezek méreteit is. 


Minden papírívnek természetszerűleg van széles- 
sége és magassága. Segítségükkel tudjuk ponto- 
san meghatározni a méretet, illetve megadni az 
szokás formátumnak, vagy alaknak nevezni. Adott 
méreten belül megkülönböztetünk álló és fekvő 
alakot is. Ezt a méretek helyes megadásával tud- 
juk jelezni. 


Ugyanez a gyári papírtekercsnél a gyártási hosz- 
szúság és a nyers szélesség. A papírtekercsek 
esetében viszont, éppen ezért nem különbözte- 
tünk meg álló, vagy fekvő formátumot. 


Rotációs nyomtatásban használt papírtekercsek 


Go l 


A SZABVÁNYOK SEMÁJA Ha külön nem jelezzük, hogy az adott kiadvány 


A 18. századig számtalan, főként az angolszász álló, vagy fekvő formátumú, akkor a méretekből 
mértékrendszerre épülő papírméretet tartottak ennek egyértelműen ki kell derülnie. 

nyilván. Ez a káosz fokozatos reformoknak kö- 

szönhetően egyre tisztult. Végül 1922-ben es 7 

Németországban bevezették a DIN 476 nevű EGY PAPÍRÍV FELOSZTÁSA 

szabványt, amely először a német nyelvterületen 

terjedt el, majd 1936-tól nálunk is bevezetésre Barséöú TEA 1189x841 kés 
került. 


A szabvány alapja -, amelyet ma már ISO 216-os 
szabványként ismerünk (A és B sorozat) -, hogy 
az egyes papírívek oldalaránya mindig azonos. Ez 
a fősorozatok esetében az 1:1,41-es oldalarányt 
jelenti. Vagyis a hosszabb oldal, a rövidebb oldal 
1,41-szerese. Így a papíríveket a hosszabb olda- 
luknál félbehajtva, az adott méretsorozat követ- 

kező, kisebb méretét kapjuk meg. Az AO méretű 504l2Ő mm 420651 mm 
papírív, hosszanti oldalán történő félbehajtásával 
például, az A1-es méretű papírívet hozzuk létre 
és így tovább. Ez a két szabály az A, B, C, BB, NA 
és NB fősorozatra egyaránt érvényes. Az egyes 


Szálirány 
ező zös 


sorozatok csupán a kiindulási méretükben külön- 297átö rim ELTE 
böznek egymástól. 

Ennek a megoldásnak, a digitális világban is van 

egy előnye. Az azonos oldalarányoknak hála 

ugyanis, bármikor le tudjuk kicsinyíteni a tartal- Ilyen és ehhez hasonló magyarázó ábrák lehet- 
munkat egy kisebb oldalra, lapra is. A nagyításnak nek a félreértések forrásai. Az ábra helyes, de 
sincs elvi korlátja. Itt pusztán a tartalom jellege nem tartalmazza az egyes ívek orientációját, 
szabhat határt. ezért a végső méret megadásához nem használ- 


ható. Az x és y értékei látszólag fordítottak, mivel 
az oldalarányok 


A MÉRETEK HELYES MEGADÁSA x/y-Vő 


A sorozatokat meghatározó szabályokat matema- számítási képletére utalnak, amiből a már emlí- 
tikai egyenletekkel írhatjuk le. Ezeket most tett 1,41-es arányszám szintén kiszámítható. Az 
- a könnyebb érthetőség kedvéért - a fentiekben ábrán jelölték még a papírtekercshez viszonyított 
mellőztem. Azonban a papírívek méreteinek meg- elhelyezkedését, illetve a papír szálirányát a va- 
adásánál is ugyanígy matematikai, pontosabban lósnak megfelelően. 


geometriai szabályok érvényesülnek. Függetlenül 
attól, hogy a papírív álló, vagy fekvő formátumú, a 
vízszintes oldal az x tengelyt fogja jelenteni, amíg 
a függőleges az y tengelyt. A geometria szabályai 
szerint pedig, először mindig a szélességet 
tengely) és csak utána a magasságot (y tengely) 
adjuk meg. Álló A4-es dokumentum tehát 

210 x 297 mm, amíg egy fekvő 297 x 210 mm. 


3. 


(álló, mm) 
841x1189 


(álló, mm) 
1000x1414 


(álló, mm) 
1000x1400 


(álló, mm) 
917x1297 


(álló, mm) 
860x1220 


(álló, mm) 
1030x1450 


594x841 


707x1000 


700x1000 


648x917 


610x860 


725x1030 


420x594 


500x707 


500x700 


458x648 


430x610 


515x725 


297x420 


353x500 


350x500 


324x458 


305x430 


362x515 


210x297 


250x353 


250x350 


229x324 


148x210 


176x250 


175x250 


162x229 


105x148 


125x176 


125x175 


114x162 


74x105 


88x125 


87x125 


81x114 


52x74 


62x88 


62x87 


57x81 


37x52 


44x62 


43x62 


A legáltalánosabb, Magyarországon is használt méretek összesítő táblázata, az álló formátumokra értelmezve. 


Talán lényegtelennek tűnhet, de az elmúlt évtize- 
dekben több olyan esettel is találkoztam, amikor 
csupán a már kinyomtatott anyagnál derült ki, 
hogy félreértés történt a méretek helytelen felírá- 
sa, használata miatt. Tehát az első szám mindig 
az adott méret szélességét, az utána következő 
szám pedig a magasságot fogja jelölni. 


A szakkönyvekben olyan megértést segítő, ma- 
gyarázó ábrákkal találkozhatunk, amelyek megza- 
varják az avatatlan szemet, mivel ilyenkor a papír 
szálirányát veszik viszonyítási alapnak. Ez az ábrá- 
zolásmód a szálirány bemutatását és a számítási 
képletek és viszonyszámok megértését szolgálja. 
Azonban minden ilyen szakkönyvben megtaláljuk 
a mérettáblázatokat is, amelyek már szabályosan 
írják le a méreteket. Első érték a papírív szélessé- 
ge, második érték a papírív magassága. 


Az internetes honlapok tovább rontják a helyzetet 
az olyan nyilvános és segítőnek szánt mérettáblá- 
zatokkal, ahol felváltva, egyik sorban helyesen, a 

másik sorban pedig fordítottan írják a méretet je- 


Szőcs Endre 


DTP szakértő, grafikus, oktató 


lölő számokat és sehol sem utalnak arra, hogy az 
adott táblázat fekvő, vagy álló formátumokat tar- 
talmaz. Ennek oka szintén az, hogy a mérettáb- 
lázat összeállításakor csupán a szálirányt vették 
figyelembe, de azt sehol sem jelölték és azt sem 
közölték, hogy az adott papír formátumát viszont, 
minden esetben rögzíteni kell a teljes gyártási fo- 
lyamathoz, a tervezéstől a nyomtatásig! A hibák 
elkerülése érdekében erre mindig figyeljünk és 
így, a jövőben mindig jó méretmeghatározásokat 
fogunk használni! 


HASZNOS LINKEK 


Az eredeti DIN 476-os szabvány 
teljes dokumentációja 


Itt a világon használt 
főbb méreteket kérdezhetjük le 


A témát részletesen magyarázó 
Wikipedia szócikk 


e facebook 
(in) linkedin 


Több mint 20 éve tevékenykedek a nyomdaipar, 
a kiadványszerkesztés és a digitális videózás területén. 
Számos újság, reklámújság, magazin szerkesztőségi 


munkájában vettem részt, valamint online formában 


webináriumokat is tartok. 


TÚLÓRA 


Az Apple, az új operációs rendszerét, a 10.10-est, a Yosemite kódnévvel illette. 
A Yosemite egy kaliforniai nemzeti park neve is. Az Apple - Tim Cook 
irányítása alatt - az utóbbi években egyre , hazafiasabb" hangot üt meg. 
Ennek része, hogy az operációs rendszert, az eddigi nagyvadak (Tiger, Lion) 
helyett, Kalifornia híres helyeiről nevezik el. Az előző rendszer a népszerű 
szörfparadicsom, Mavericks nevét kapta. Az App Store használatával, 

éppen erről az operációs rendszerről, nagyjából 2 óra alatt lehet a legújabb 
változatra, a Yosemite-re frissíteni. 


YOSEMITE 


Korábbi rendszerről sem megoldhatatlan a feladat, ám érdemes szakem- 
ber segítségét kérni. A frissítés előtt érdemes azt is eldönteni, akarjuk-e 
a nagyobb számítási teljesítményt igénylő, de frissebb szolgáltatásokat 
nyújtó Yosemitet. 


Magyarországon az OS X rendszert szinte mindenki ,leikszezi", pedig az 
angol, azt ,OS ten", azaz ,OS tíz" néven említi. A Yosemite kapcsán már 
hallottunk ,józsi"-t, ,dzsoszemájt"-ot. A helyes kiejtés ,jószemiti", de ezt 
még a Macünk is megmondja nekünk! A Rendszerbeállítások - Diktá- 
lás és Beszéd : Beszéd fülén válasszuk ki az amerikai Vickit! A Szöveg- 
szerkesztőbe gépeljük be a ,Yosemite" szót, majd azt kijelölve hívjuk elő 
a helyzet-érzékeny menüt, válasszuk a Beszéd : Beszéd kezdete paran- 
csot. Voilá! 


A Yosemite-s Macek háttérképe a Half Dome gránit szikla, ahogy a The 
North Face ruházati cég logóján is ez az orom látható. 


IVE MUNKÁJA 


Jony Ive és csapata egyre nagyobb szerepet kap és egyre nagyobb te- 
ret nyer az Apple-ön belül. A formatervezésben zseniális Ive most az 
operációs rendszereket is kezei közé kaparintotta. A flat design, a lapos 
megjelenés az ő elgondolása, ahogy a következő pár sorban bemutatott 
vizuális újdonságok is. Amúgy Ive-ről nagyszerű könyv jelent meg, tes- 


sék elolvasni! (Leander Kahney: Jony Ive http:/almalapmintblog.blogspot. 
4 7 -jony-ive-elol )) 


A KIRÁLY ÚJ RUHÁJA 


Ha nem is meztelen, de lapos, az biztos. Az összes alkalmazást érinti, 
hogy az Apple operációs rendszer szinten módosította a választógom- 
bok, jelölőnégyzetek, legördülőmenük megjelenését. Szokni kell annak, 
aki régóta használta az előzőt. 


Búcsúzunk a Lucinda Grande-tól és üdvözöljük a Helvetica Neue-t, az 
Apple a megújuló külcsín részeként új betűtípust választott. A nem szak- 
ember számára a Lucinda vékonyabb, lágyabb, kecsesebb, elegánsabb. 

E hatást az is okozza, hogy a betűk szárainak, vonalainak a vastagsága 
jóval inkább eltér (1:1,73), mint a Helveticánál (1:1,39 - a kis ,a" betű hát- 
só szára és a hurok felső vonalának aránya). Talán ennél is jobban látható 
a kisebb arányú eltérés a ,BD" betűpárnál, ez 1:1,37 a Lucinda, de csak 
1:1,05 a Helvetica esetén. A Helvetica jobban kitölti a rendelkezésére álló 
helyet, ugyanakkor kevesebb helyet igényel. 


A menüsorban megjelenő Finder felirat is példázat volt a Helvetica Neue 
egyszerűbbségére, jobbságára, jobb olvashatóságára. Lucindában a 
Finder betűi szélessége rendre: 38, 15, 36, 42, 41 és 32, míg Helveticá- 


SZOFTVER 


Operációs rendszer 


ac App Store-ból 


eeo Általános 


Megjelenés: [ El Kék 
Kiemelés színe: ! III Egyéb... 
Oldalsáv ikonméret: ( Kicsi 


5 ) A gombokhoz, mi 


Görgetősávok megjelenítése: (5) Automatikusan, az egérnek vagy ti 
Ö Görgetéskor 
OMindig 

A görgetősávra kattintáskor: (5) Ugrás a következő oldalra 
O Ugrás arra a pontra, amelyre kattir 


(.) Dokumentumok bezárásánál rákérdezés a mód 


[7 Ablakok bezárása az alkalmazások bezárásakoi 
Ha ki van jelölve, a megnyitott dokumentumok és ablak 
az alkalmazás ismételt megnyitásakor. 


Legutóbbi elemek: [S :) Dokumentumok, alkal 


(A LCD-betűsimítás használata, ha elérhető 


ee £ Cd Általános 


Megjelenés: Hl Kék 
Sötét menüsor és a Dock használata 


JB a vomsoktaz, men 


Kiemelés színe: . MINI Egyéb... 3 
Oldalsáv ikonméret: . Közepes B 


-Görgetősávok megjelenítése: O Automatikusan, az egérnek vagy trac 
"Görgetéskor 
7 Mindig 


A görgetősávra kattintáskor: () Ugrás a következő oldalra 
Ugrás arra a pontra, amelyre kattinto 


Alapértelmezett webböngésző: 0) Safari B 


Dokumentumok bezárásánál rákérde; 

(2 Ablakok bezárása az alkalmazások b. 
Ha ki van jelölve, a megnyitott dokumentur 
tesznek állítva. 
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ban 42, 11, 27, 33, 28 és 21 - a Helveticával írt szöveg rövidebb. Ennek az 
angolnál hosszabb, magyar szavak esetén külön örülhetünk - reméljük 
csökken a kicsit és nagyon idétlen fordítások száma! 


IKONOK 


Az iOS8 kapcsán ismerhettük meg a flat-designt, ekkor váltott az apple 
- valójában már korábban elkezdte - a valóságot utánzó, háromdimenzi- 


ós látszatot keltő ikonokról, a két dimenziós, roppant egyszerű, sematikus 
ikonokra. Ám ez nem sikerült százszázalékosan. Az, hogy valakinek tetszik 
vagy nem tetszik, ízlés kérdése. Az biztos, hogy amikor lecserélnek valamit, 
amit megszoktunk, akkor kezdetben sokan zúgolódnak, pszichológusok 
tudnának mesélni a megszokott környezetből történő kizökkenés okozta 
lelki traumákról - itt azért ilyenről nem beszélhetünk. Az viszont, hogy az 
ikonkészlet nem egységes, az negatívum és sejteti a további változásokat. 
Gyakran az ikon fájlneve is jelzi, hogy az ikont újra rajzolták-e vagy nem. Az 
új ikonok neve jellemzően appicon, a régieké az alkalmazás nevét is tartal- 
mazza általában. Az újrarajzolást persze ne úgy képzeljük, hogy leült a Mac 
elé valaki Cupertinoban és pikk-pakk, száznegyvenhat Photoshop réteggel 
összerakta az új oprendszer ikonjait! Az ikonok jogvédelem alatt állnak, je- 
leznénk, így használatuk csak copyright feltüntetése mellett illendő. 


LEDEK VAGY KÖZLEKEDÉSI LÁMPA 


Na, aki csak e kiscím láttán vágta, hogy az ablakok átméretezését, becsu- 
kását vezérlő piros-sárga-zöld bal felső sarki izékről lesz szó, az már nem 


ma kezdte használni az Apple rendszereit. A flat-esítés (flat — lapos) során 
ezek a gombok is ellapultak. Sőt! A zöld szerepet is váltott. Eddig a zöldre 
kattintva az ablak előző és jelenlegi mérete közt lehetett váltani, most a 
zöldre kattintva az alkalmazás, ha képes rá, teljes kijelzőssé válik. 


Biztos mindenki tudja, hogy a piros pöttyben ,x", a sárgában ,-" és eddig 
a zöldben ," jel volt látható. Ez utóbbit a teljes kijelzős ikonra cserélték. 
Azt viszont kevesen tudják - kivéve persze a PDM olvasója -, hogy a kis 
jelek a színlátásban kihívással küzdőket támogatandó kerültek oda. Illet- 
ve a Mac átállítható fekete-fehér kijelzésre is, ekkor is nagy segítséget je- 
lentenek ezek az apró jelek. Igen, persze az elhelyezkedésből is adódik, 
hogy melyik pötty milyen funkciót kínál. 


ÁTTETSZÓ 


Jópáran emlékszünk még, amikor az Apple az épp aktuális op.rendszer 
frissítésnél a menüsort áttetszővé tette. A Mac-esek elég számosan álltak 
ki a nem áttetsző, fehér alap mellett ahhoz, hogy az Apple félévvel később 
a Rendszerbeállításokban lehetővé tette az áttetszőség megszüntetését. 
Ez jutott eszembe, amikor láttam, hogy áttetszik szinte minden, a Finder, 
a Safari... Az új látvány indoklásaként elhangzott, hogy így nincs rejtve 
semmi sem, például a Térkép fejrész alá került része is ad némi infot. Mo- 
mentán erővel kényszerítem magam, hogy erről az új képességről szépe- 
ket írjak - és várom a frissítést, lesem a SysPrefet. Az áttetszőség amúgy 
nincs ingyen, a WWDC (Apple fejlesztői konferencia) külön előadásán be- 
széltek arról, hogy milyen pazarló módon szívja ez le a gép teljesítményét. 


Nem, normális esetben nem sakktábla mintás a hátterem, és egyszerre 
két ablak nem lehet aktív, ahogy a képen az áttetsző oldalsávú Finder és 
az áttetsző fejrészű Safari. 


OPOTLIGHT 


Az OS X villámsebesen keres a merevlemezen, legyen az SSD, vagy ha- 
gyományos winchester. Hogy képes erre? A Mac első bekapcsolását kö- 


vetően állandóan jegyzetel, mi, hol, miről mire változott? Beleolvas a leve- 


leinkbe, PDF állományokba, Word, vagy Pages doksikba. Így nem csak azt 
tudja, hogy melyik fájlt mikor mentettük utoljára és hogy mi a fájl neve, 
hanem mindent. Ennek a folyamatos jegyzetelésnek az eredménye, hogy 
amikor mi, a felhasználó keres valamit, akkor azonnal van válasz. 


Próbáld ki, ha eddig nem tetted volna meg! A kijelző jobb felső sarkában 
kis nagyító ikonra kell kattintani, majd begépelni a keresett szót. Az első 
betű után mutatja a találatokat a Spotlight. A találatok témák szerint cso- 
portosítottak. Elég az egeret valamelyik válaszra ráhúzni, hogy lássuk, mit 
is talált valójában a Spotlight. 
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SEO v mainap v Adobe v MacAcadomia Apple FB Air 
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GÉ Safari File Edit View — History Bookmarks De 
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Felül a Yosemite, 
alul a Mavericjs 


Fil Edit View History Bookmarks  Develőp . Widök "Help; 
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A Mavericks-ig (OS X 10.9) a lista a kijelző jobb oldalán gördült le. A Yosemite 
használók viszont az ikonra kattintás után a kijelző közepén megjelenő, el- 
sőre (és még sokadikra is) meglepően nagy méretű ablakban keresnek. 


A Spotlight testre szabható az Alma menü : Rendszerbeállítások 
: Spotlight párbeszédablakban. Itt rendelkezhetünk afelől is, ha egy 
könyvtárat, mappát ki szeretnénk zárni a keresésből. 


SAFARI 


Az Apple böngészője azok számára kínál hasznos újdonságot, akik egy- 
szerre tucatnyi honlapot tartanak nyitva. Ők - általában - már a tabokból 
is kifogytak, a fülön nem olvasható, hogy melyik honlap is tartozik épp 
hozzá, vagy egyszerűen tényleg nem fér el annyi fül az ablakban, ahány 
oldal nyitva van. Őket segíti az új áttekintő nézet (lásd a képen), ahol az 
egy szájtról megnyitott oldalak egy csomagban, egy pakliban jelennek 
meg. A megoldás még nem tökéletes, mert ugyan így jobban áttekinthe- 
tő a ki-hol-merre, de a pakli második és sokadik oldalának megtekintésé- 
hez, azt egy-az-egy méretben kell megnézni. 


A Safari másik szembeötlő változása a fejléc összetöpörödése. Azzal, 
hogy a piros-sárga-zöld gombok egy sorba kerültek a vezérlő ikonokkal 
és az oldal címével, szokatlanul keskennyé lett a Safari fejrésze. Ami per- 
sze azt jelenti, hogy több hely jut a megnyitott lapnak, ami jó! Amit szokni 
kell, az a fejrész áttetszősége - de amúgy is, a Yosemite-ben lassan min- 
den mindenen átdereng. 


Aki szereti látni, hogy adott weblapon belül hol jár, az a Safari : Beállítá- 
sokban tudja rákényszeríteni az alkalmazást, hogy ne csak annyit írjon ki, 
hogy www.macacademia.hu, hanem az oldal teljes nevét: 
http://www.macacademia.hu/macosx.htmi (Ilyet 10S-ben is szeretnék!) 


IGLOUD DRIVE 


Az iCloud Drive megér egy külön misét (oké Ádám, legyen cikk 3) ), aki 
vált az Apple friss, netes szolgáltatására, az használjon minden gépén 
Yosemiti-t, minden iOS eszközén iOS8-at! 


Ferenczy Gábor 


Mac oktató, -blogger 


Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 
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so mainap Adobe MacAc 


Freguently Visite 


0 almalap 
[nv) macacademia 


Baritz Zsolt 


freelancer Graphic Designer 


Diploma után videógrafikusként kezdtem el 
pályafutásomat, DVD menüket terveztem, 
előzeteseket vágtam. Ezt követően egy online 
kiadóhoz kerültem, ahol néhány évig hirdetési 
grafikusi pozíciót töltöttem be. Az utóbbi idő- 
ben szabadúszóként leginkább arculatokon és 
webes projekteken dolgozom. 


Válogatás hazai mezdtt 7 
designerek munkáiból, Oo 
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Időkép applikáció 
koncepció 


Mint megannyi pályatársam, én is szeretek 
újragondolni dizájnokat. Egy ilyen újrater- 
vezés végeredménye ez a koncepció, a hi- 
vatalos applikácó flat dizájnba öltöztetve. 


Mindmegittam.hu 
mobil-site 


Egy mobil weblapról van szó, amin a sör- 
fogyasztásunkat lehet mérni, vidám, játé- 
kos kivitelben. A weblap dizájn kisarculati 
elemek tervezésével is kiegészült és külön 
izgalmas feladat volt a számtalan piktog- 
ram megrajzolása is. 


Pixelioo arculat 


Talán a legnehezebb feladat egy grafikus 
számára a saját arculat megtervezése. Pu- 
ritán, letisztult megfogalmazási irányelvek 
alapján készült. 


LA m 


Port.hu applikáció 
koncepció 


Újabb flat köntös egy általam gyakran 

használt applikációnak. A redesign célja a 
funkcionalitás újragondolása is, amitől az 
applikáció könnyebben kezelhetővé válik. 
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Vadon Zsolt 


Ügyvezető, designer 


Kis reklámügynökségeknél helyezkedtem el 
majd 2 év gyakorlat után megalapítottam saját 
cégemet. Eleinte party plakátokat és logókat 
készítettem majd komplex arculattervezésre 
specializálódtam. Folyamatosan inspirálódok, 
és keresem a lehetőségeket, motiváló 
embereket gyűjtök magam köré. Mára már sok 
visszajáró ügyfelem lett, bővül a csapatunk is 
folyamatosan és egyre nagyobb megbízásokat 
és ügyfeleket sikerül megnyernünk. Fontosan 
tartom az inspiráció gyűjtést természetesen 
offline módban. Ami engem inspirál: utazás, 
önképzés, sport, barátok. Ami érdekel: 
Tipográfia, csomagolás design, animáció. 


Válogatás hazai VETEK 
designerek munkáiból, Hm jz 


eixelerint 
pikeL pan 


666 sos 


je pixel pont 
ges 
ZSZ 
etes 
CSS 


HL 


VANAK TUSTEK ÉLETBE NET 


PERE 
at 


égü 


t elnyerte v 


ése 


ra 
(z 

58 
e .c 
29 18 
52 
9 

Aj a 
BE. 
bej 

sz § 
c 50 
5: 
n 

2 
S 5 
ges 
E 

aa 
mya 
Ella) 
63E 
A a 
:o 

ező ző 


Pixelprint 
Nagyformátumú nyomtatáshoz kellett 


tetszi 


Lovardának terveztünk játékos de mégis 
komplex arculatot. 


Sugar Free 
owble sweetness! 


7595 Fewer Csiodeszserving than sugar" 


az Sevetéze 


kamaaó js 
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VATERÁLS 


si Dr.S5weet 
ce Nemzetközi élelmiszer alapanyag gyártó 
fs 


termékének terveztünk arculatot. Logótól 
kezdve a csomagoláson át, teljes átfogó 
brandet kellett tervezni, mindezt nyugati 
piacra. Öröm hogy a termék több 
nemzetközi kitüntetést is kapott már. 


Alcor 


Hazai gyártású elektronikai cégnek kellett 
Brand frissítést terveznünk. A cél egy 
magas minőségű termék, eladható 
csomagolás tervezése volt. Jelenleg már 
30 termékét csomagoltuk át a cégnek és 
több mint 200.000 példányt gyártottak a 
termékekből az új brand szerint. 


[0] 


FTUFTU 
szépségszalon 


Szépségszalon és kávézónak terveztünk 
teljes megjelenést. Érdekesség hogy 
cégünk már 6 arculatot tervezett 
ügyfelünknek különböző projectekhez. 


Shox magazin 


Nem könnyű katalógust tervezni, főleg 
ha minden oldalt egyedire kell alkotni. 
Több hónapos feszített munka, és a 
végeredményre mindenki büszke aki 
dolgozott rajta. 


§ legjobb ügyfelünk. 


fert mindenki egyformán te 


Máté István 


grafikus, 30 animátor, oktató 
060 


Tizenhárom éve foglalkozom a digitális vizualizáció szinte minden részterületével. A kezdetektől 
szinte a mai napig - némi kitérővel, autodidakta harcosként - a letisztult, egyszerűen kezelhető 
webes tartalmak és appok látványterveitől, az arculaton keresztül, a 3D animációkig képi 
elképzeléseket öntök formába. Jelenleg a Magyar Nemzet főállású designereként többrétű 
grafikai feladatokat oldok meg, a napi szintű infografikáktól, egészen az interaktív animációkig. 
A munkám mellett egyéni megrendelőknek szintén dolgozom, ugyanakkor évek óta tanítok 
animátorokat és alkalmazott grafikusokat is. 2010-ben engem kért fel a Nemzeti Szakképzési és 
Felnőttképzési Intézet, hogy dolgozzam ki a Designer OKJ képzés szinte teljes egészét. 


Gagarin útja 


Jurij Alekszejevics Gagarin 
történetének vizuális előadásában 
segédkeztem ezzel a 3D modellel. 
A történet végül nyomtatásban a 
Magyar Nemzet Képeslapban jelent 
meg, 2014. március 9-én. 


"Végeredmény környezettel 


BIO Ruha 


A Magma Team Tűzforgató Kulturális 
Egyesület számára készült UV- 

BIO ruha, amely önmagában is 
képes fluoreszkálni, ha azonban 
UV-fény éri, erősen lumineszkál és 
feltöltődik nagyjából 30 percre. Ez 
egy fellépőruha a csoport UV-show 
előadásai számára. 


1289 Samsungokosóra 
ue e. látványterv 
(e) lése Saját tervezésű okosóra koncepció. 


VÉSZHELYZETI INFARKTUS 
RIASZTÁS ! ÉRZÉKELVE 


Önnek láza van! 


38 22€C Időpont: 02:58 
OK 


KEZEDET NJOSZI SZÍ VÉSZHELYZETI 
JELZÉS KIKAPCS. 7 SMS KÜLDÉSE G 


e. KC 


Infarktus fennállásakor az óra kivár 5 másodpercet, 

majd autmoatikusan elindítja az életmentő protokoll 

Ez azt jelenti, hogy az óra összeállít a telefon segítségével 
egy sms-t, mely tartalmazza a helyet, az időt, és a 
fennálló probléma megnevezését. Ezt követően az sms-t 
elküldi egy előre kiválasztott vészhelyzeti célszemélynek. 


8—————— A merényiő ekkor előlépett, és 
két lövést adott le a hercegi párra. 


8—————— A konvoj elején hajtó autó soförjének 
viszont nem szóltak az útvonal változásáról, 


előtt állt meg, hogy visszatolasson. 


16——,—— Avárosházán a merénytetkísérlet 


megsérül Ferenc Ferdinánd szárnysegédje. 


A trónörökös úgy döntött, hogy 
meglátogatja öt a kórházban. 
AA kórházhoz az eredeti tervtől 
eltérő úton kívántak eljutni 


6————  — A harmadik támadó kézigránátot hajított 
Aa trónörökös felé, A bomba lepattant az 
utó összecsukott tetóvásznáról, és a 


konvojban a következő gépkocsi 
alatt robbant fel, 


9—————— Atrónörökös nyitott tetejű 


ési 
felszerelve sorakoztak az út mentén. 


A trónörökös speciális, golyóálló 
zubbonyt hordott, de a golyó a 
nyakán hatolt be. Tíz perccel 
hitvese után hunyt el. 


Zsófia főhercegné 
A lövés a hasán találta el, 
még az autóban meghalt. 


Belga gyártmányú 9x17mm 
JD Fabrigue Nationale 1910 
félautomata pisztoly 


Gavrilo Princip a hercegi pártól másfél méterre 
állva két lövést adott le. Ezután öngyilkosságot 
kísérelt meg, de a csendőrök lefogták. Később 
húsz év börtönre ítélték, de 1918-ban meghalt 


2014 (c) Máté István — Minden jog fenntartva! 


Ferenc Ferdinánd 


Szarajevói 
merénylet 


A vizualizáció az első világhábo 
kirobbanását kiváltó eseményt 
ábrázolja. A Magyar Nemzetben Online 
felületén megjelent infografikámat a 
visualoop is beválogatta 2014-ben a 
legjobbak közé. 


A kórházba vezető úton Harrach gróf az 
autó bal oldalán állva védte a trónörököst. 


Oscar Potiorek 
táborszernagy 


1911-es 
Gráf 8. Stift autómobil 
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Leopold Lojka sofőr 
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Inílex Studio e 
arculat és hedini 
weboldal 


Változat1 —— Változat2 — Változat3  Változat 4 


íg o HE 


lkon 1 lkon 2 lkon 3 Ikon 4 


A logó, az arculat és a weboldal 
látványterve volt a feladatom. 


INFLEX 


UNE EX 


INFLEX 


INFLEX STUDIO 


INFLEX STUDIO 


Időjárás webapplikáció 
Ez a webapplikáció - a MET.hu (korábbi OMSZ) adatai alapján, - naprakészen működik 
jelen pillanatban is. 


Csütörtök 
fsszssészánástt b 


BEMUTATÓ 


LEVEL 4 


TIMELESS 


2 


Tap nines 


WELCOME 


RULES! 


BY THECODINGMONKEYS 


Aranyos logikai játék 
IOS alapú eszközökre 


Nem a lázadóknak szánták a Rules! játékot készítői, 

és bár nem vonalzót alkalmaznak fegyelmezésre, ha- PLATFORM ú AppStore-ból 
mar belátjuk, hogy képtelenek vagyunk minden sza- JÓS (ürmeme/Fee) 

bályt betartani. Pedig elsőre óvodás feladatnak tűnik 

a dolog. 


A JÁTÉK 

A dolog négyszer négy négyzet, amelyben vicces ál- - 

latok és tárgyak jelennek meg, a négyzetek sarkában § FaztA he8 
pedig számok. A játék úgy indul, hogy megkapjuk az 

első szabályt: válaszd az unikornist!. Nem több a 2 

tennivaló, mint megbökni az összes unikornist. Gut! L JI 

Máris jön a második szabály: ,válaszd a zöldet!" Az 
újrarendezett ábrán tehát először a zöldeket bököm 
meg, majd az unikornisokat. ,Válaszd a csökkenő 
számsorrendet!" hangzik a harmadik parancs. Meg 
is teszem, de nem megy. Mert nem figyeltem, hogy 


TIMELESS 


ugyan valóban az előbb mondott a harmadik pa- 7 "2 4 "b 
rancs szerint cselekedtem, de a játék most a második 4 / e ] 
alkalmazását is kérte. A melyiket is? A ,zöldest!". 2 8 HG ZAN0 
4 44 BÁ 

Aztán a ,Párost", a ,pirost" ... a kutya (az nincs a ké- eszeszetlgezeee ez sszszszzeztjfezz zs 
pen) sem emlékszik, hogy melyik szabály hányadik 3 9 7 3 
volt, bukta, bukta és bukta. Ráadásul lehet időre és Fo N ety ca E: B 
hibátlanságra is menni, mindkettőt buktam. 10 24 2 5 6 4 
A legcikibb az, hogy amikor dühből újrajátszom, ak- É al K 3 eseti B 
kor persze más szabályokat kapok más sorrendben, 
a játékok is keverednek már a fejemben. Ezért aki a 4 
Rules! játszásába kezd, az vésse az eszébe afféle 0. ű 
törvényként, a játékot abbahagyni nem bűn, sőt győ- 
zelem a mesterséges intelligencia felett. 

Ferenczy Gábor BO ver 

Mac oktató, -blogger Ív) fiácászŰGÁá 


Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 


BEMUTATÓ 


PAUSE 


HSSETS 


NOVV PLAYING 


Signature 
7 Music. Atlantis MW Tone 11 Hz 


SETTINGS 


Az 123RF jogdíjmentes zenéi 
az Aurora alkalmazásban 


1) aj 

Elfáradsz egy hosszú nap után, bemászol az ágy- 
ba, lefekszel és reméled, hogy sikerül teljesítened 
azt a minimum 8 órás pihenést, amelyet az alvás- 
szakértők is javasolnak. 


30 perc eltelt... aztán egy óra... aztán még egy... 


Kicsit később rádöbbensz, hogy már a tízezeröt- 
századik bárányt számolod. A fenébe, most mi le- 
gyen!? Alvásra van szükséged, méghozzá azonnal! 


Alvászavarral és álmatlansággal a felnőttek 20- 
4099-a szembesült már életében (a National 
Sleep Foundation felmérése szerint), ami egyre 
csak rosszabb lesz és ez stresszhez vezet. Ezért 
is szolgáltat az 123RF exkluzív zenei tartalmat az 
Aurorának, ,a valódi audio relaxáció" alkalmazá- 
sának. 


Az alkalmazás - ami most ingyenesen letölthető 
az Apple storeból - célja, hogy megakadályozza 
az álmatlan éjszakákat binaurális hangok hasz- 
nálatával, az ellazulás és gondtalan alvás érdeké- 
ben. A binaurális hangok pontos definícióját csak 
a fehérköpenyesek tudnák megfogalmazni, de 
tömören azon frekvenciák együtteséről van szó, 
amelyek az agy relaxációs állapotát (azaz az Alfa 
állapotot) eredményezik. Gondolj arra az érzésre, 
amikor forró csokoládét szürcsölgetsz egy hideg 
téli estén, na az agy pont így érzi magát a binau- 
rális hangoktól. 


9 9 Az Aurora egy audio alkalmazás, amelyet 
azért készítettek, hogy nyugalmat és az 

ellazulás élményét nyújtsa Önnek a nyugtató 

hangfrekvenciák, zenék és hanghatások együt- 


tese által. 9 9 


Ennek a beágyazott együttműködésnek a segít- 
ségével élvezhetik most az Aurora felhasználói a 
nyugtató hangokat és a lágy dallamokat, melyet 
külön erre a célra alakított ki a SoundBounce - 
egy független produkciós vállalat, az 123RF, mint 
kizárólagos audio közreműködő segítségével. 


Available on the iPhone 
App Stor 


Gila Atlantis 


a Tonel 11 Hz Stress Redj 


Ebben az alkalmazásban egyedülálló módon sza- 
badon összeválogathatod a kívánt zenéket, úgy, 
mint ahogy a DJ-k teszik azt a klubbokban. Te 
szabályozhatod a hanghullámait, ritmusát, hang- 
színét és hangulatát a zenének. Amennyiben 
nem találsz a hangulatodhoz megfelelő dallamot, 
további csomagokat vásárolhatsz, melyeket 10 
további lehetőség közül választhatsz ki csak 0,99 
dollárért. Egy csomag 10 zeneszámot, 3 binau- 
rális dallamot és 2 nyugodt hangot tartalmaz. 
Ezt nevezzük a minőségi alvás együttesének. 


Most csukd be a szemed és érezd, ahogy a zene 
elmossa a stresszt, amit az álmatlanság okozott! 
,Zzzzz. Jó éjszakát!" 


§ Egy jótanács az igazi Audio Relaxációhoz: 
Fejhallgató használata NAGYON ajánlott! 


Pad? 


£ BACK 


FURCHASE 


Lull yourself into a deep state of bliss with soothing tracks 
amidst the fluid rhythm of water. 


€005 
SPA 


Mp 3 Unwind to exotic and relaxing tracks that will transport you to. 
lands far away while revitalizing your senses. 


Improve your concentration and maintain a state €0.89 2 
of alertness with these deep, bassy tracks. 


Papp Ádám 


Webdesigner, grafikus 


18-40 


HELP 
PLAY 


Begins the track. "Signature" preset will be played when 
no track is selected. 


PAUSE 


Halts all currently playing tracks. 


MASTER VOLUME 


To adjust, hold and rotate the dial. 


ious moods of music, tones and ambience. 


PRESETS 


of avail; 


VISUALIZER 


joyed while 


SPA 


Unwind to exotic and relaxing tracks that will transport ) 
lands far away while revitalizing your senses. 


1. Revitalize 

2. Brothers 

3. Throat Chakra 
. Mythical 


1. Crickets §. OM 
2. Soft Splashing 
1. 0.5 Hz Lumbar Rellef. 


28 
3. 


twitter 


Több mint 15 éve foglalkozom weboldal és 

grafikai tervezéssel. A Hungarian Adobe 3") googler 
Users Group alapítótja és elnöke vagyok. 

Valamint számos weboldalt, könyvborítót 

és grafikát terveztem, és oktattam. 
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INGYENES 


Flipboard 


"Welcome to Flipbo 


You can see everything from here 


Újszerű és hatékony hírolvasó i05 és 
Android alapó eszközökre 


FLIPBOARD 


Még a vicces, szófaragó filmcímadás előtt nevez- 
ték át magyarországi használatra a Michelle 
Pfeiffer és Robert Redford főszereplésében 
készült, Up Close 8. Personal mozit , Hírek 
szerelmesei"-re. E magyar cím jut eszembe min- 
dig, amikor egy hírösszesítő alkalmazással talál- 
kozom, legyen az egyszerű RSS-aggregátor, vagy 
az új idők, új szavát meghalló Flipboard. 


A program roppant egyszerűen használható, és 
reméljük, ez a folyamatos fejlesztés ellenére is 
megmarad. Gyakorlatilag a program által ismert 
több száz, pár ezer hírforrás közül állíthatjuk ösz- 
sze a saját listánkat, az alkalmazás összegyűjti a 
legfrissebb írásokat és azokat elénk tárja. A hír- 
folyamba Facebook, Twitter oldal is befűzhető. 
Ahogy a többi hasonló alkalmazás is teszi. Ami- 
ben a Flipboard kiemelkedik, az a tálalás. Na- 
gyon jó algoritmussal választja ki a híreket, szinte 
mindegyikhez csatol képet is - többnyire rele- 
váns képet. 


VISSZA A GYÖKEREKHEZ! 


A hírekből csak rövid részlet olvasható a Flip- 
boardon, ennyi elég ahhoz, hogy eldöntsük, 
vágyunk a teljes hírre, vagy virtuálisan tovább 
lapozunk. Ha több infót szeretnénk, akkor bele- 
mélyedhetünk a cikkbe a Flipboardon belül, to- 
vább süllyedve a Flipboard böngésző felületén 


látjuk az írást, majd Safariban kerül elénk a for- 
rás, a cikket közlő weblap. 


Bármelyik fázisban is vagyunk, a cikket a szoká- 
sos közösségi oldalakra postolhatjuk, emailbe to- 
vább küldhetjük, azt csinálunk vele, amire az iPad 
képes. 
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My Flipboard 


Accounts 


DISCOVER MORE 
New 8. Noteworthy 
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Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 
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Merrós logikai játék iPhone, iPad és 
iPod touch eszközökre 


A legkorábban letöltött játékaim egyike a Subway 
Shuffle. A letöltés után szinte éjjel-nappal nyúz- 
tam, amíg el nem jutottam arra a szintre, amit 
nem sikerült megoldanom. Mivel logikai játékról 
van szó, az ember nem szereti belátni, hogy ,nem 
megy, ezért őrzöm az iPhone-on. Ami egyszer a 
barátnőm gimnazista fia kezébe került, aki vélet- 
lenül pont ezt a játékot nézte meg, és véletlenül 
pont azt a két játékot oldotta meg, amit én is meg- 
tudtam volna, csak évek óta nem sikerült. 


A játék - és ezt imádom kihangsúlyozni, - roppant 
egyszerű. Nem kell hozzá több idő, csak pár perc, 
hogy megtanuld a szabályokat. Azért hangsúlyo- 
zom az egyszerűséget, mert úgy tűnik, minél bo- 
nyolultabb egy játék, minél összetettebbek a sza- 
bályok, annál kevésné játszható. Az is lehet, hogy 
csökken a szövegértők száma, akik hajlandóak egy 
játék, társasjáték, sokoldalas leírását végigolvasni, 
megérteni és emlékezni rá. 


IRÁNY A FÖLD ALÁ 


A Subway metróvonalat és szerelvényt jelent, me- 
lyek inkább csak stilizáltan vannak jelen a játék lát- 
ványvilágában. A vonalakat színes csíkok mutatják; 
kék metró, piros metró, sárga metró (helló Buda- 
pest!). A vonalakon megállók, üres fehér pöttyök. 
A vonalak persze metszik is egymást, ami az át- 
szállási lehetőséget jelenti, bár a játékban utasok- 
ról nincs szó. A szerelvények az adott vonal szí- 
nének megfelelő korongok. A korongokat a saját 
vonalukon mozgathatjuk, egy állomáson egyszer- 
re csak egy korong lehet. 


A játék minden szintjén kaotikus forgalmi helyze- 
tet öröklünk, nekünk kell a szerelvényeket, lehető- 
leg minimális lépésszámmal, úgy átcsoportosítani, 
hogy minden kocsi ott legyen, ahol a program sze- 
retné: a piros metrót kell a nagy, piros karikás állo- 
másra befuttatni. 
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Level 29: 0 / 43 moves 


$3 Level 19 


mé Level 20 
kyávává Level 21 


43? Level 22 


Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 


AII Levels 


solved in 30 / 28 moves / p 


solved in 37 /37 moves 44 ; 


solved in 24 / 24 moves with 3 hints 


not yet solved (41 moves) 
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TAREES! 


; 


THREE: 


A TINY PUZZLE THAT GRO 
számos, logikai játék 
109 és Android alapú eszközökre 


Harmadikán születtem, így nem kérdés, hogy 

a hármas a szerencse-számom. Ez persze még 
nem vett volna rá, hogy 1,79 €-t adjak ki egy já- 
tékért, amely a Hármasok! (Threes!) névre hall- 
gat. Ám több, számomra mértékadó netes forrás 
szerint a 3! egy remek játék, amely akár a Tetris, 
vagy az Angry Birds utódja is lehet. Amúgy ez az 
vAngry Birds utódság" címke kezd vészesen 
terjedni, az alig hat ember megvásárolta játékok 
PR-ja is ezt harsogja az adott játékról. 


12-83 

Nem kell a rakétatudósok és az agysebészek hal- 
mazának metszetében csücsülni - különben is, 
ha metszet, akkor már Dürer, mondanák a nem 
matekszakon végzettek - ahhoz, hogy a fenti 
egyenlőséget alkalmazva, egyre jobb eredmény 
érjünk el az amúgy Game Centerbe is bedrótozott 
játékban. Ami igen egyszerű. A képen is látható 
4x4-es mezőt tudjuk egyszerre jobbra, balra, fe. 
és le mozgatni. Ha a mozgatás irányának megfe- 
lelő két szomszéd mező egyes és kettes, akkor a 
két kocka összeolvad hármassá - ez az alaplépés. 


Akkor is összeolvad a két mozgásirányban fekvő 
kocka, ha azonos, három többszörösét tartalma- 
zó számot látunk rajta. Így kapjuk meg a 3, 6, 12, 
24, 48, 96, 192, 384 ... álmodj királylány számokat. 
A mozgatás során belépő mező, véletlenszerűen 
üres, egyest vagy kettest mutat. Játszani egyéb- 
ként sokkal egyszerűbb. 


Amikor már nincs lépésünk, a 3! kiszámolja pont- 
jainkat és bekerülünk a különböző dicsőség táblá- 
zatokba. 


THREES! 


A Threes! - ez a játék hivatalos neve - egy 24 éves 
Los Angeles-i diák fejéből pattant ki. Az USCn di- 
zájnernek tanuló Asher Vollmer pár hónapja ked- 
venc kávézójában szenvedett, egy novellát akart 
írni, de nem jutott túl az első két mondaton. Unal- 
mában a kurzor-billentyűket bántotta. Ekkor pat- 
tant ki az isteni szikra, olyan játékot kellene írni, 
amely a négy billentyűvel játszható - ennyit a no- 
vella körül keringő állítólagos gondolatokról. 


Tíz órával és jó pár kávéval később megszületett 
a Threes! 


PLATFORM 
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Képek a játékból. 


I 157 


Azért Vollmer már nem volt iOS szűz vagy nyeret- 
len kétéves, korábban írt alkalmazását, a Puzzle 
Juice-t nagyjából százezerszer töltötték le, annak 
az alkalmazás ára 99 cent és 1,99 között változott 
- ebből azért kijön pár kávé. 


,Semmiképpen sem akartam felülni a Flappy Bird 
vonatra" - nyilatkozta a Business Insidernek. ,En- 
gem az nem hat meg, ha valaki kijelenti, hogy füg- 
gővé vált a játékomtól. Olyan játékot akartam, ami 
el is gondolkodtat. Tervezést kíván és előre gon- 
dolkodást. És persze mobilon gond nélkül játsz- 
ható legyen. A baj az, hogy ha egy játék megfelel 
ezeknek a feltételeknek, a kutyának sem kell." 


Vollmer persze nagyon büszke a játékára, különö- 
sen arra, hogy milyen egyszerű, sallangtól men- SWIPE 6 SIGN YOUR NAME 
tes. És persze már azon jár az agya, hogy mi le- 

gyen a következő játéka. 
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Több maces szakkönyv szerzője, a MacAcademia 
ügyvezetője és Adobe Certified Professional vagyok. 
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TIMBER- 
MAN 


tt 


Favágós játék i05 és Android 
alapú eszközökre 


A Timberman lett nyáron sokak veszte. A Favágó 
jött és csak rabolta az időt, vágta a fát, nem szisz- PLATFORM 

szent szilánkonként és egyre nagyobb bosszúsá- 

gunkra, rendre fejbe vágta egy ág. Ekkor indult a b TET ÉV 
játék előről. Merthogy egy iOS appról van szó ter- ppotore ei É 
mészetesen, amelynél egyszerűbb talán csak a 
Yo! lehet, de arról inkább regényt írnék, mint ide 
egy bemutató írást. 


A játék igen egyszerű, egy égigérő fát igyekszik a 
Favágó kivágni, széles csapása hatására a fa tör- 
zséből kicuppan egy fakocka, és az egész fa ala- 
csonyabb lesz. Nem lesz, mert égigérő, végtelen 
magas. A favágás egyetlen gátja a törzsből vélet- 
lenszerűen jobbra és balra kinyúló ágak. Ezek, ha 
nem állunk át időben a másik oldalra, a fa alacso- 
nyodásakor homlokon csókolják a favágót, aki ek- 
kortól az égi mamut-fenyőket csonkolja tovább. 
Viszont az időnk sem végtelen, így aki nem sietve 
aprít, annak meg az ideje jár le. Ennyit a játékról. 
Ami érdekesebb, azt a lengyel fejlesztők mesél- 
ték el a Business Insidernek. 


A STORY 


Egy reklámügynökségnél dolgozó grafikus fejéből 
pattant ki az alapötlet, ő már három sikertelen, 
eledésbe merült appot tudott a háta mögött. A 
negyedik előtt végiggondolta, mi az igazán fon- 
Os. ,A főszereplő, a meghatározó karakter." - is- 
merte fel. Végigpörgetve a sikeres játékokat, a 
madarak, zombik és plüss-nyulak mentek a le- 
csóba. Egyik sörözés közben ugrott be a favágó 
igurája. Barátságos. Erős. Biztonságot ad. Ter- 
mészetközeli. Kockás inge van. Bárhol a világon 
udják, hogy mit csinál a favágó - ellentétben 
mondjuk a kenguru-kondással. 


Az első skiccek után az ügynökség programozó- 
ja fusiban vállalta a program megírását, a ,pár 
óra alatt meglesz" ugyan két napig tartott. Majd 
jött a teszt. Újraírás. Egyszerűsítés. Újraírás. App 
Store. Viszonylagos siker, napi 50k letöltés. Aztán 
punny. A játék bekerült a Google Play Store-ba is, 
ahol hasonló eredményt produkált. Amikor be- 
ütött a csoda. 


Egyik napról a másikra napi 600k letöltéssel a lis- 
ták élére ugrott nem csak Lengyelországban, de 
ami sokkal fontosabb, Amerikában is. Miért? 


Na, ezt nem tudtuk meg az interjúból, de úgy tű- 
nik, maga az interjú alanya sem tudta volna meg- 
mondani. Mindenestre, miután lecsekkolta, hogy 
tényleg ennyien töltik le a Favágót, vett egy repje- 
gyet Indiába és leborított a spanjaival két hétre. 
A szakírók szerint az áttörést a Twitter játékba kö- 
tése okozta. Az eredmények egyetlen bökéssel 
elcsipoghatók, ez ránthatott be sok unatkozó és 
kihívást keresőt a favágásba. ,Meg tudsz-e verni?" 
- ennyi volt az üzenet, ami kellett a sikerhez. 


A fejlesztőcsapat továbbra is az ügynökségnél 
dolgozik, pontosan tudja, hogy a siker nehezen 
megismételhető. Ráadásul az Apple még nem 
utalta a nagy pénzt sem, így nincs hova ugrálni. 
Azért alapítottak egy céget, egyrészt a jutalék ala- 
csonyabb adózású felvételéhez, másrészt fejlesz- 
tési és marketing tanácsokat adnak másoknak. 
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Boolsírap 


Csinos, mégis funkciógazdag? Szép, ugyanakkor 
hető felület? Nem feltétlenül ellentétes 
ifejezések, s mára már számos Javascript 


eze 


önyvtár rendelkezésünkre áll, hogy ezen 
eladatnak minél könnyebben megfelelhessünk. 
Ezek között az egyik legismertebb és 
eggyorsabban fejlődő könyvtár a Bootstrap, 
aminek pont e cikk megírása alatt adták ki 

jabb verzióját, a Bootstrap 3-t. 


ei 


egú 


A régi világban a programozók, mint Don Xuijote 
néztek szembe a kihívásokkal, és mindent ma- 
guk végeztek el. A mai weboldalakkal szemben 
számos elvárást fogalmaznak meg, melyeket tel- 
jesíteni egyedül - belátható időn belül - megva- 
lósítani már nem lehetséges. A kihívásra válaszul 
kialakultak a weboldalak kialakításához használ- 
ható kliens oldali Javascript könyvtárak. 

(pl.: Mootools, JOuery majd a Bootstrap). 


Tt 
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Napjaink talán legdinamikusabban fejlődő könyvtára a Bootstrap, amit 2011 augusztusában adtak ki először. 


A rendszer GITHUB-on, a https://github.com/twbs/bootstrap címen követhető, s ki-ki saját vérmérséklete és tu- 
dása szerint, itt jelentheti be a talált hibákat és az ajánlott javításokat. A könyvtár a kezdetektől Open Source 
projektként működik. A most induló cikksorozat első részében, pár lépésben megpróbáljuk felvillantani, miért 
érdemes megismerkedni ezzel a keretrendszerrel? A következő részekben a felhasználási lehetőségekre, az 
elérhető kiegészítőkre helyezzük a hangsúlyt. Fontos azonban rögzíteni, hogy bár megpróbálunk a legponto- 
sabb, a legfrissebb információk alapján dolgozni, de a könyvtár és a kiegészítők idővel változhatnak (sőt változ- 
ni fognak!) így lehetséges, hogy néhol - a leírtakhoz képest - eltéréseket találhat az olvasó. 


ISMERJÜK MEG, KEZDJÜNK NEKI! 


A Bootstrap projekt aktuális verzióját minden 
esetben - hogy ne a GitHub projektben kelljen 
keresgélnünk -, a kezdő oldalon elérhető, beszé- 
des Download Bootstrap gomb megnyomásával, 
közvetlenül elérhetjük. Ezzel a módszerrel, egy 
fájlba csomagolva, letölthetjük a teljes keretrend- 
szert. A későbbiekben ezt is használhatjuk olda- 
lainkon (lokális forrásként), vagy hivatkozhatunk a 
CDN elérhetőségre. Utóbbi esetben mindig a leg- 
utolsó változatot érhetjük el a javításokkal együtt. 
Amennyiben a projekt által ajánlottan a CDN hi- 
vatkozást használjuk akkor az oldalunkban a kö- 
vetkező hivatkozásokat kell elhelyezni: 


dI-- Latest compiled and minified CSS --- 
dlink rel-"stylesheet" href-"//netdna.boot- 
strapcdn.com/bootstrap/3.0.0/css/bootstrap. 
min.css": 

2I-- Optional theme --- 

dlink rel-"stylesheet" href-"//netdna.boot- 
strapcdn.com/bootstrap/3.0.0/css/bootstrap- 
theme.min.css"2 

2 

Latest compiled and minified JavaScript --- 
cscript src-"//netdna.bootstrapcdn.com/boot- 
strap/3.0.0/js/bootstrap.min.js"2 script: 


Ezek alapján egy weboldal így néz ki: 


SLIDOCTYPE html: 

chtml- 

chead: 

ctitlezBootstrap 101 Templatesztitlez 
cmeta name-"viewport" 
content-"width-device-width, 
initial-scale-1.072 

2I-- Bootstrap --2 

dlink href-"css/bootstrap.min.css" 
rel-"stylesheet" media-"screen"2 

2I-- HTML5 shim and Respond js IE8 support 
of HTML5 elements and media gueries --2 
1--[if It IE 9]2 

cscript src-"../../assetsZjszhtmisSshiv.js"2 
S/script- 

script src-"../../assetsZjszrespond.min. js"2 
S/script- 

el[endifj-: 

cS/head: 

cbody- 

chT:Hello, world!s/h12 

2I-- jOuery (necessary for Bootstraps Ja- 
vaScript plugins) --: 

script src-"//code.jguery.com/jguery.js"2 
S/script- 

2I-- Include all compiled plugins (below), 
or include individual files as needed --- 
cscript src-"js/bootstrap.min.js"2s/script- 
c/body- 

cZhtml- 


T 


IME 


Ezt igazán nem kell nehéznek nevezni! Innentől 
az oldalunk már képes a teljes Bootstrap eszköz- 
tár - és miután az egész JOuery-n alapul - 

a JOuery használatára is. Már csak alkotni kell. 
Amennyiben megtetszett és pár alap megjelení- 
tést, elrendezést szívesen megnéznél a további 
olvasás előtt, úgy tekintsd meg a http://getboot- 
strap.comzgetting-started/ftexamples címen elér- 
hető minta oldalakat. A továbbiakban ezen ol- 


dalak kialakítása során alkalmazott eszközöket, 
eljárásokat mutatjuk be. 


HTML5 ÉS A MOBIL ESZKÖZÖK 


Szögezzük le már az elején! A Bootstrap 3 alap- 
vetően a HTML5-t kedveli. Használhatjuk a ré- 
gebbi HTML verziókat is, de ekkor egyes elemek, 
szolgáltatások nem lesznek elérhetőek. Jelenleg 
ezek száma nem nagy, de a keretrendszer fejlő- 
désével folyamatosan emelkedik a számuk. 

A felmérések szerint, a Bootstrap keretet nagy 
számban használják a mobil megjelenítő eszkö- 
zöket (is) támogató oldalak. Ebből adódóan, v2 
esetében már jelentős hangsúlyt kapott e felü- 
etek kiszolgálása. Ez azt jelentette, hogy a Boot- 
strap 2 könyvtárhoz elérhetővé tették a mobil 
eszközöket is támogató kiegészítéseket. A fejlő- 
dést figyelembe véve, a Bootstrap 3 úgy került 
jalakításra, hogy ezek már a keretbe , gyárilag" 
beépítésre kerültek. Ennek köszönhetően, a ke- 
retrendszer lehetőséget nyújt a böngészők meg- 
jelenítő motorjainak, a mára már megszokott 
érintés alapú nagyítási lehetőségek alkalmazásá- 
hoz. Az aktiválásához nincs többre szükség, mint 
beillesztenünk a viewport meta tagot az oldal 
head szekciójába. Valahogy így: 


cmeta name-"viewport" 
content-"width-device-width, initial-sca- 
le-1.072 


Természetesen vannak oldalak ahol ezen képes- 
ség hátrányos lehet, ezért lehetőségünk van 
a szolgáltatás tiltására is: 


cameta name-"viewport" 
content-"width-device-width, initi- 
al-scale-1.0, maximum-scale-1.0, user- 
scalable-no": 


TIPOGRÁFIA ÉS DESIGN 


Szögezzük le, a mai oldalak esetében ezeken 
nagy hangsúly fekszik (néha talán több is mint 
annak értelme lenne). A Bootstrap 3 az egységes 
működés érdekében teljes egészében CSS3 ala- 
pokon nyugszik, és beállításainak módosítását is 
ezeken keresztül végezhetjük el. Amikor az alap 
keretrendszert töltjük be, a rendszer a következő 
alapértelmezéseket állítja be az oldalunkon: 


, Nincs oldal margó, az oldal teljes egészében 
kitölti a böngésző keretét 


e A háttér színe fehér lesz 


e Bevezetésre kerülnek a afont-family- 
base, Ofont-size-base, Ofont-height-base 
fogalmak, valamint az egyes elemek ezen 
paraméterekre támaszkodva kerülnek 
meghatározásra 


e Bevezetésre kerül továbbá a Olink- 
color és elnyomásra kerülnek a linkek 
alapértelmezett aláhúzásai. Ezek csak a 
hover esemény bekövetkeztekor élnek 


A minél egységesebb és korszerűbb vizuális kül- 
ső érdekében, a Bootstrap projekt a megjeleni- 
téshez felhasználja a Normalize projekt eredmé- 
nyeit. Mindezek alapján egy minden részletre 
nézve előre átgondolt és kialakított stíluskészle- 
tet kapunk. A sablon kialakítása során, kész meg- 
oldást kapunk a következő területekre: 


, Címsorok 

e Törzsszöveg (p, színezésük, elrendezésük) 
" Kiemelések (small, strong, italics) 

, Kibővített hover szolgáltatások 

, Idézetek kezelése 


e Listák kezelése (ul, ol és speciális 
megoldások) 


. Kódrészletek megjelenítése 
e Táblázatok megjelenítése 


, Űrlapok és elemeik megjelenítése, akár 
súgók kezelésével 


" Gombok, képek 
" Helper osztályok 


. Segédosztályok (pl. nyomtatáskor látható/ 
nem látható) 


RESZPONZÍV MEGJELENÉS 


A mai lapok esetében a reszponzív kialakítás kezd kötelezővé válni, melyhez a keretkörnyezet számos támoga- 
tást ad. Bootstrap tartalmaz egy eszközérzékeny, a megjelenítés függvényében változó paraméterekkel bíró, 
12 oszlopos megjelenítő rácsot. A rács oszlopai a méretüket a megjelenítő felület méretéhez igazítják, annak 
változása esetén is. E rácsra támaszkodva tetszőlegesen használhatjuk a beépített elrendezési sémákat, vagy 
alkothatunk magunknak megfelelőt. A rács viselkedésének összefoglalását a táblázat mutatja. 


Extra small 
devices Phones 
(£768px) 


Medium 
devices Desktops 
(2992px) 


Small 
devices Tablets 
(2768px) 


Large 
devices Desktops 


(21200px) 


Rács elrendezés 


Mindig horizontális 


Kezdéskor horizontális megjelenítés, minden oszlop látható 


Max. szélesség Nincs (auto) 750px 970px 1170px 
class prefix .col-xs- .col-sm- .col-md- .col-Ig- 
Oszlopok száma [12 

kátnársáti Auto 60px 78px 95px 


Gutter szélessége 


30px (15px az oszlop mindkét oldalán) 


Összekapcsolható ! Igen 
Offsets N/A Igen 
Oszl 

SESRE e N/A Igen 
sorrendezés 


ódokat is találunk. 


Rigó Tamás 


Rendszermérnök, programozó 


1992-től foglalkozom programozással 
és üzemeltetéssel. Munkáim során elsősorban 
a Microsoft és a webes technológiákkal foglalkozom. 


A rács működésének részletes leírása a http:/Zgetbootstrap.com/css/átgrid címen érhető el, ahol további minta- 


0 atlantico 


Ezek mellett számos Joomla alapú weboldalt, 
s egyedi komponenst készítettem, készítek. 


Igazi szenvedélyként indult a fotózás hosszú évekkel ezelőtt. Majd 2011-ben döntöttem el, hogy 
komolyabbra fordítom az eddigiket. Azóta alkalmazott fotográfus lettem és több fotós okatatásán is 
szorgalamsan részvettem. Mára már egyrészt üzleti vállalkozássá átalakult a kezdeti lelkesedés, de ugyan 
akkor nem szeretném gépies munkává alakítani a fényképezést. 


€ facebook.com/BakoszoltanFotografus mai ) inforobakoszoltan.hu 


ag Canon 70-200 / f2,8 Ó f5.6 150 100 


Tamron 17-50 / f2,8 


47 


fen 
beg Ta a 


Canon EOS-550D 1/160 s LALI somm 


ay Canon 50 /f1,8 ÓÓ f/2.8 150 100 


Canon EOS-S550D 


Canon 70-200 / f2,8 


KO 


Canon EOS-7D 


3 


Canon 17-40 / f4 


f/4 
36 mm 


(1so] 


ISO 200 


Canon EOS-S50D 


hu 


Tamron 17-50 / f2,8 


f/5 


ay Tamron 17-50 / f2,8 Ó f8 150 100 


CSBBEEZZ 


Canon EOS-550D 


ay Canon 85 /f1,8 


6 


1/640s 


22 


150 200 


094 
"e exssitse . 


A 
a Wg A 4: 3 
Canon EOS-7D 1/400 s 
gy anon 85 / f1,8 Ó f2.8 150 100 


ekes 
(3 
E 
a 
a 
a 
o 
mm 
a 
3 
(a 
csi 
Ü 


a 


Monorá 


[7 Sok telefonmárka létezik, mindenkinek van kedvence, mindegyik 
egy kicsit más, mint a többi. A Honor teljesen új márka a piacon, 
melyet gyártója azoknak a vásárlóknak szán, akik nem félnek önálló 
döntéseket hozni és túllépni a nagy márkák marketingígéretein. .] 


monorb 


ITTHON IS MEGJELENT 


A Honor nem lesz elérhető az utcai boltok kínálatában. Az előzetes piackutatások mind azt mutatták, hogy 
a vásárlók a legjobb technológiáért nem akarnak extra felárat fizetni. A gyártó ezért a Honor 6 modellt a 
lehető legelérhetőbb áron kínálja, egyetlen online bolton keresztül. Magyarországon ez az Extreme Digital. 


Méretek: 140x69x7,5 mm 
Tömeg: 135g 
Képernyő: 5.0 inch, Full HD (1080x 1920), 16 millió szín, 


ujjlenyomat-mentességet garantáló bevonat, 
Corning£ Gorilla Glass 3 


Processzor: 8 magos Hisilicon Kirin 920 (Ouad-core 1.7 GHz 
Cortex-A15 8. guad-core 1.3 GHz Cortex-A7) 

GPU: Mali-T628 MP4 

Memória: 3 GB 


Belső tárhely: . 16 GB (mircoSD 64Gb-ig) 
Akkumulátor: 3100 mAh Li-Po 


OS: Android 4.4.2 (EmotionuUl 2.3 felhasználói felülettel) 
Kamera: 13 MP (hátlapi), HDR, kettős LED vaku 

5 MP (előlapi) 
Videó: Full HD (30 fps) 


Adatkapcsolat: . GPRS, EDGE, HSDPA, HSUPA, LTE-A, USB 2.0, 
Bluetooth 4.0, Wi-Fi 


Az akkumulátor még a Az 5 inches átmérőjű, teljes 
legaktívabb használat mellett HD felbontású és 445 ppi 
is kitart egy napnál tovább, ami pixelsűrűséggel rendelkező 
a 3100 mAh teljesítménynek képernyő élénk és élethű 
és a SmartPower2.0 megjelenést biztosít a 
energiagazdálkodási képeknek és videóknak. 


technológiának köszönhető. 


Az előlapi kamerája 5 megapixel, a hátlapi pedig 13 megapixel 
felbontású. F2.4, illetve F2.0 fényérzékenységgel rendelkeznek, a 
hátlapi kamerát pedig kettős LED vaku egészíti ki. Egyedi újítás, 
hogy a képernyő feloldása nélkül is készíthetünk fotót a készülékkel, 
méghozzá világos környezetben mindössze 0,6 másodperc alatt. 


A Honor 6 belsejében hővezető zselét használnak a chipek 
borítására, ami átlagosan 10 fokkal képes csökkenteni a lapkakészlet 
hőmérsékletét, és 7 milliamperrel a teljes rendszer fogyasztását. 

A konkurens csúcsmodellekhez képest a Honor 6-nak emelkedik a 
legkevésbé a hőmérséklete videónézés és játék közben. 
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nyolcmagos processzorral 
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Samsung Gear Fit, Apple Watch és most a Microsoft Band. A Microsoft 
új, karon viselhető eszköze, viszont inkább egy fitneszkiegészítő, 
mint okosóra. A másik különbség, hogy akár Androidra, iOS-re és 
természetesen Windows Phone-ra is letölthetjük a Microsoft Health 
nevű alkalmazást, ami kommunikál a Band-el. Az ára 200 dollár, 
és már megrendelhető az USA-ban! Hazai indulásról még nincs hír. ] 


Bemutatjuk a 
Microsoft Band és 
a Microsoft Health 
kettősét 


A Microsoft Band az első olyan eszköz, amit a Jellemzők: " GPS, Bluetooth 
Microsoft Health támogat és segít elérned a " 1 4inchesTFT kijelző " UV szenzor 
céljaidat a szívritmus, a lépésszám, az elégetett " 320x106 pxfelbontás  " Mikrofon (Cortana) 
kalória, vagy akár az alvás minőségének " 100mAh lítium-ion " Optikai szívritmus- 
figyelésével. Az eszköz még produktívabbá is tesz akkumulátor érzékelő 

az email-jeid és a naptárriasztások követésével - " 48 órás működés " Gyorsulásmérő 


közvetlenül a csuklódon. 


Touchscreen 


Microphone 


UV sensor 


Action 
button 


Heart rate monitor 


Magnetic charging connector 


Galvanic Skin Response (GSR) sensor 
Galvanic Skin Response (GSR) contact point 


Együttműködés , 
a telefonoddal 55. 
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iPhone, Android, vagy Windows Phone? 
A Microsoft Band-et úgy tervezték, 
hogy minden platformon csúcs legyen. 
f 3/04m 45057 
im Letölthető a v — 888 . E tataén 
sz) Windows Store-ból " szig eg 3x — 24min13s 


ér Letölthető az 
a App Store-ból 


Egészségesebb élet 


A Microsoft Band könnyebbé teszi a fitneszcéljaid 
elérését. Figyelemmel kísérheted a napi fizikai 
aktivitásod és átnézheted a statisztikáid egy 
csuklódra vetett pillantással. Olyan, mint egy 
személyi edző. A Microsoft Band irányít téged, 
hogy jobb legyen az egészséged, folyamatosan 
tanulj magadról, a jelenlegi erőnléti szintedről 

és amit a jövőben el szeretnél érni. 


Cortana 
a szolgálatodban 


Ha Windows Phone 8.1-et használsz, akkor 
megkérheted Cortanatt, hogy készítsen 
jegyzeteket vagy emlékeztetőt a saját 

hangoddal. Megadja a legjobb útvonalat a 
sporteseményekhez, vásárláshoz, hogy elkerüld 

a dugókat, tájékoztat az időjárásról és még sok 
egyéb. Cortana kész arra, hogy bármikor segítsen, 
ha szükséged van rá. 


Maradj 
kapcsolatban egy 
pillantással 


Bejövő hívások, üzenetek, a közösségi oldal 
frissítései, időjárás, üzlet és sok egyéb, amit egy 
pillantással követhetsz a csuklódon. Diszkréten, 
anélkül, hogy elővennéd a telefonod. 


Fejlett technológia 


Azért fektettünk energiát az olyan élvonalbeli 
technológiákba, mint a beépített GPS és a 24 
órás szívmonitor, hogy segíthessünk elérni a 
fitneszcéljaidat. Az érzékelők kombinációja 
azzal a hatalommal vértez fel, hogy valós idejű 
betekintést kapj a napi teljesítményedbe és 

a fontosabb állomásokba, az egészségesebb 
jövődbe vezető utadon. 


I Adobe Photoshop Lightroom. Ezt a szoftvert talán már be sem kell mutatni, 
hiszen ha fotós vagy akkor ismered, ha nem, akkor is biztos hallottál már 
róla valahonnan. Ezt a szoftvert a fotósoknak fejlesztették ki. 


Most viszont megjelent a , Lightroom mobile"-ra keresztelt alkalmazás, 
melyet ingyenesen letölthetsz az iPad-re! ] 


A Lightroom mobile alkalmazás nem más, mint 
egy hordozható kis stúdió, aminek segítségével 
a képeinken, az effektek és egyéb beállítások 
segítségével, az ügyfél előtt tudjuk prezentál- 
ni az elképzeléseinket. Fontos megjegyezni, 
hogy a használatához szükség van az Adobe 
Photoshop Lightroom 5 szoftverre is, mivel 
a képeket onnan hívja be! 


Ha telepítve van a gépedre az Adobe 
Photoshop Lightroom 5 szoftver, akkor már 
csak az AppStore-ból kell letölteni az ingyenes 
alkalmazást. Ezek után jelentkezz be az Adobe 
ID-val a Lightroomon belül, és az alkalmazáson 
belül is! 


A fotóidat mindenképpen kollekciókba (Collec- 
tion) kell rendszerezni, hiszen csak így tudod 
megosztani az alkalmazással. Innentől kezdve 
pedig már a szokásos módon lehet a képeket 
módosítgatni: 

" — Black 8. White filter, 


" tónusok, fehéregyensúly, 
, — színhatások, 

, — színhőmérséklet, 

) effektek, 

b 


adott keretméretekbe való igazítás stb. 


Tehát lényegében majdnem ugyanolyan lehe- 
tőségeink vannak, mint a többi hasonló ilyen 


wailable on the iPhone 


Sign in With Your Adobe ID 


a 


Lightroom mobile bejelentkezés -- galéria 


alkalmazasnal. Amitől ez mégis más - vagy ta- 
lán több - kicsit, hogy amit megjelölünk az al- 
kalmazásban egy gesztussal (Flag), az látszódni 
fog a Lightroom 5-ben is. Ezt a jelölést le is ve- 
hetjük, ahogy az a képeken is látható. 


A csoportkijelölés, vagy a Facebook-on, Twit- 
ter-en és/vagy Flickr-ön való megosztás sem 
hiányozhat. Azt hiszem jó, hogy lett egy ilyen 
segéde a nagy Lightroom szoftvernek, és bár 
még csak az első verziónál tart, sok a lehetőség 
benne. Reméljük az Adobe látja is ezeket! 


Töltsd le bátran és próbáld ki! Biztos, hogy 
hasznos lesz, főleg ha fotózol! Az alábbi videó- 
ban összefoglalva láthatod a Lightroom mobile 
alkalmazás lehetőségeit. 


Papp Á m (t) tumbir 


Webdesigner, grafikus 


twitter 


Több mint 15 éve foglalkozom weboldal és 

grafikai tervezéssel. A Hungarian Adobe e googler 
Users Group alapítótja és elnöke vagyok. 

Valamint számos weboldalt, könyvborítót 

és grafikát terveztem, és oktattam. 


€9) Adobe Ink €£ Slide 


I Nem is olyan régen, június 18-án este volt az Adobe Creative Cloud 
újdonságait bemutató rendezvény, mellyen debütált (újra) az Adobe 
két új hardvere, az Ink és a Slide. Az egyik egy toll, a másik egy vonalzó! 


Nyomásérzékeny tollak eddig is voltak, ez nem akkora újdonság. Jelen 
esetben abban a rejlik a nagyszerűség, ahogyan működik. ] 


pixelpontos fej a 


177 . Vf. 
Drécízírajzóláshoz y 4 
Az Adobe Ink egy iPad kompatibilis, 
nyomásérzékeny, alumínium stylus, melyet p/ 
a két új mobilos alkalmazáshoz optimalizálta : 
az Adobe. Ezek a Sketch és a Line. A toll 
külön érdekessége a végén található LED-es 


kijelző, ahol azt a színt láthatjuk, amit éppen 
használunk, vagy átveszünk. 


Nyomásérzékeny, e 
4 


Adobe Ink méretek: 
Hosszúság: 144 mm 
Szélesség: 12.3 mm 


Vastagság: 11.8 mm 
Súly: 20.3g az 


Teljes kontroll 
a vonalak és az 
KER alakzatok felett 


A másik eszköz a Slide, ami egy digitális 
vonalzó. Segítségével egyenes és különféle 
szabályos alakzatokat, íveket rajzolhatunk. 
A tetején található gomb segítségével 
választhatunk a letárolt alakzatok közül. 


Adobe Slide méretek: 
Hosszúság: 100 mm 
Szélesség: 23 mm 
Vastagság: 10 mm 
Súly: 19.6 g 


Egyéb információk 


A két eszköz jelenleg csak az alábbi iPad-eken 
működik: iPad Air, iPad (4. generációs) , 
Retina iPad Mini vagy iPad Mini 


10096-osan kompatibilis alkalmazások 


a 


v 


Adobe Sketch 


Papp Ádám 


Webdesigner, grafikus 


Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe 
Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


tumblr 


o twitter 


googler 


GYROMOUSE 


Egy eszköz, amivel a tévét, vagy akár 
a számítógépet tudjuk vezérelni, de 
előadásokat is levezényelhetünk 

vele! Jól hangzik? Egy fiatal csapat 
egyedi megoldása, mely létezik 
okoskesztyűként és alkalmazásként is! 


AZ ÖTLETET 


Az alapötletünk egy olyan okoskesztyű létrehozása volt, mellyel könnye- 
dén tudjuk irányítani a számítógépünket, vagy akár a tévénket. Kísérle- 

teink eredményekért elkészítettünk egy olyan okostelefon alkalmazást, 
amely pont erre képes és ahol a telefon döntésével irányítjuk a kurzort. 


Jelenleg ennek a verziónak a tökéletesítésén dolgozunk és rengeteg ver- 
senyen jártunk már. Ezek között a legfontosabb a BME által rendezett, 
egyetemistáknak kiírt INNOversitas, ahol a döntőbe kerülés után, az 
első helyet sikerült megszereznünk! 


Csapatunk jelenleg 3 főből áll. Kecskés Daniból, aki az ötlet kitalálója, Tóth 
Bencéből, aki segít kidolgozni, tökéletesíteni és előadni, valamint Geréb 
Dávidból, aki kicsit később csatlakozott a csapatba és Ő felel a Windows 
Phone-os alkalmazásért. Mind a hárman 19 évesek vagyunk és a Neu- 
mann János Számítástechnikai Szakközépiskolába járunk. Célunk, minél 
több visszajelzést gyűjteni az ötletről, illetve minél hamarabb elérhetővé 
enni a legtöbb okostelefonos platformra. 


Az alkalmazást nagyon sokféle dologra lehet használni. Például a filme- 
et, vagy a teljes számítógépet tudjuk vezérelni, illetve akár előadásokon 
is hasznos lehet. Az első 1-2 percben meg kell szokni a használatát, de 
egyébként még egy 5 éves is könnyen megtanulja! 


Ha felkeltettük az érdeklődésed, látogasd meg a gyromouse.net 
weboldalt, ahol felveheted velünk a kapcsolatot! 


AE: 


Kecskés Dániel 


Tóth Bence 


a 


Geréb Dávid 


Az alkalmazás kezelőfelülete 


STARTLINE 


A Házfal egy társasházi közösségi 
rendszer, melynek célja, hogy 
kiszolgálja a lakók és a közös 
képviselők igényeit. Mindeközben 
átláthatóbbá teszi a ház ügyeit, 
közösségeket alakít ki. 
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A Facebook kiválóan alkalmas arra, hogy akár több száz kilométerre élő barátain- 
kat, családtagjainkat is megtaláljuk. A Linkedin-en szakmai kapcsolatainkat egyen- 
gethetjük, bővíthetjük. A Twitteren bárkihez szólhatunk, akár hírességeket is követ- 
hetünk. A Házfal pedig egy közösségi háló azoknak, akik a szomszédjuktól kérnének 
kölcsön egy liter tejet. 


A KEZDETEK 


A Házfal ötlete egy évvel ezelőtt fogalmazódott meg bennem először, amikor 
egy új társaházba költöztem. Ekkor laktam életemben először egyedül, még a ka- 
pucsengő kódját sem tudtam megjegyezni... A házban nem működött a lift, mely 
igencsak megnehezítette a hatodik emeleti lakásba való beköltözést. Még egy hét 
elteltével sem volt jó és hallotam, hogy már többen panaszkodnak. Eldöntöttem, 
hogy én leszek az a minden lében kanál, aki felhívja a közös képviselőt. Két órába 
telt, mire megszereztem a telefonszámát! Kiderült, hogy még nem is tudott a do- 
logról. Mondanom sem kell, hogy a vége az lett, hogy még nagyon sokáig a lép- 
csőt használtam. 


Ekkor jöttem rá, hogy ott nem találunk közösségi hálót, ahol az egyik legnagyobb 
szükségünk lenne rá. Egymás mellett élünk, de mégsem ismerjük egymást. Képte- 
lenek vagyunk kommunikálni, pedig rengeteg közös ügyünk van, számos dologban 
segíthetnénk egymást. A Házfal az emberekről szól, akik természetüknél fogva kí- 
váncsiak másokra és közösségekbe szerveződnek. Egy társasházban, közelségükből 
adódóan rengeteg területen kapcsolódhatnak egymáshoz." - mesélte Drobinoha 
Ádám, a Házfal társalapítója, amikor a projekt eredetéről kérdeztük. 


Az ötletet két Corvinus-os egyetemista srác, Ambrusz Gergő és Drobinoha Ádám 
kezdte el kidolgozni egy iskolai e-business óra keretein belül. A kurzus végén el- 
döntötték, hogy komolyabban szeretnének foglalkozni a projekttel és véghezviszik 
a Házfal eredetileg kitűzött küldetését. A cél, hogy megváltoztassák a társasházak 
életét és egy élhetőbb, boldogabb lakóközösséget hozzanak létre, ahol a szomszé- 
dok megismerhetik, segíthetik egymást. 


Alapvetően szerettük volna kiváltani a jó öreg parafatáblás módszert, ahol egymást 
érik az angol tanításos hirdetések... Hamar rájöttünk azonban arra is, hogy még szá- 
mos lehetőség rejlik a projektben. A regisztráció ugyanis csak a közös képviselőkön 
keresztül lehetséges, akik levélben vagy e-mailben küldenek ki egy titkos, a házhoz 
való csatlakozáshoz szükséges kódot. Ez a szigorú hitelesítés sok egyéb területet nyit 
meg előttünk." - mondja Ambrusz Gergő a cég egyik alapítója és egyben COO-ja. 


JT 
Imerd meg a szomszédodat 


Nézd meg melyik lakásban ki lakik és. 
ismerkedj meg velük. Beszéljétek meg a 
a Házfalon a napi történéseket, 
eseményeket 


Kövesd nyomon albérlődet 


Nem tudod, hogy az albérlőd rendesen 
fizeti-e a számláit? Ennek most vége. A 
Házfalon minden hátralékról 
automatikusan értesülsz 


Lásd át a ház pénzügyeit 


Kövesd házad pénzügyeit online és 
rendezd tartozásait webes felületen. 
Nézd meg mire költi képviselőd a ház 
pénzét. 
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Szavazz a ház ügyeiről 


Mindenki szeretne beleszólni a ház 
ügyeibe, de arra már lusták vagyunk, 
hogy elmenjünk a közgyűlésre. Szavazz 
online és hatalmazz meg valakit utána. 


Ambrusz Gergő 


Drobinoha Ádám 


o 


Tudd meg mi van a környéken 


Nézd meg melyik lakásban ki lakik és. 
ismerkedj meg velük. Beszéljétek meg a 
a Házfalon a napi történéseket, 
eseményeket. 
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Segíts szomszédaidnak 


Ha elfogyott valami otthon, ami pont 
hiányzik a főzéshez kérj kölcsön 
szomszédaidtól Segítsd őket viszont, 
hasonló helyzetekben. 


Elmondásuk szerint szinte minden lakással kapcsolatos ügyünket online intézhet- 
jük. Befizethetjük a közös költséget, bejelenthetünk hibákat, beleláthatunk a ház 
pénzügyeibe. Erre jön még a már említett közösségi modul, melynek segítségével 
egy üzenőfalon kommunikálhatunk a ház lakóival. 


A rendszer azonban nem csak erről szól. A Házfalon keresztül többet megtudha- 
tunk szomszédaink életéről, foglalkozásáról, arról, hogy miben jók, mihez értenek. 
Szervezhetünk eseményeket is a házban, vagy meghirdethetjük rég használt tár- 
gyainkat is. Ez utóbbinál hatalmas előny, hogy a termékeket nem kell lefotóznunk, 
majd eladás után elküldenünk postán. Elég, ha csak felugranak megnézni a szom- 
szédok. Mindezeken kívül például szavazásokat nyithatunk, melyben közgyűlések 
előtt előzetesen megvitathatjuk, annak napirendi pontjait. 


ös képviselő vagyok, mit kell tenner 


Regisztráljon és várja Próbálja ki és Váltsa ki teljes 
hívásunkat használja ingyen adminisztrációját 


Minden s el AH. 


De nem csak a lakás és ház ügyeit intézhetjük a Házfalon keresztül, hanem a kör- 
nyékről is számos információt beszerezhetünk. , Nagy előnyünk, hogy mindenkinek 
a pontos lakhelye alapján tudunk ajánlatokat adni. Legyen szó étteremről, fodrász- 
ról, vagy bármilyen szakemberről. A rendszer lényege, hogy kiaknázzuk a lokális le- 
hetőségeinket." - teszik hozzá az alapítók. 


Az üzleti modell freemium alapokon nyugszik, az alap rendszer ugyanis teljesen ingye- 
nes. Később prémium szolgáltatásokkal egészítik ki a rendszert, melynek keretein be- 
lül adminisztrációs és számlázó rendszert nyújtanak majd a közös képviselők számára. 


PÉNZÜGYEK E? DAOÁRUTTAZZ [A es 


Költségek, befizetések, mérőórák 


Tartozások 


Dátum 2014 : Janus e Kívős 
DD irányítópult 

saj zizi iözszsuzisáká állt [nni] 

A Szi ÉS Drobinoha Ádám no kw 


AN S14 [4 Ambrusz Gergő Nincs feltöltve kW N/A 


BEJELENTKEZÉS 


Felhasználói név vagy e-mail 


BEJELENTKEZÉS 


KÖZGYŰLÉS 


2014. jónivs 06 1800 


Z RÉSZTVEVŐ 
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HÁZÜGYEK 


A Házfal végre egy olyan kezdeményezés, ahol a közösségi modul egyáltalán nem 
erőltetett, tisztán illeszkedik az ötlet természetéhez. A jelenleg béta tesztelési fázis- 
ban lévő projekt nem titkolt célja a hazai piac meghódítása után a külföldi terjesz- 
kedés. Feliratkozásra már most is van lehetőség a www.hazfal.hu weboldalon. 

A jövő év elejére várható publikus elindulásig pedig a csapat Facebook oldalán le- 
het követni az eseményeket. 


MIIS AZ A HÁZFAL? 


A Hiszfal működése nagyon egyszerű: összeköti a 
lakókat a képviselőkkel. A rendszerben lehetőség 
nyilik a ház pénzügyeinek kezelésére, egyenleg 
rendezésére, hibák bejelentésére, párbeszédek 
folyatására, közösségek kialakítására. A Házfal a 
társasházi élet teljesen új formáját kelti életre. 
Mindezt teljesen ingyen. 


Próbálja ki ingyen 


Felejtse el az unalmas adminisztrációt és a rengeteg 
papírmunkát. A Házfalat önnek találták ki. 


VEZETÉKNÉV. Drobinoha KERESZTNÉV". Ádám 
EMALOMES . drobinohasdamegmail com 


Albert Gyórgyi, közös képviselő s A 
1 Debrecenben 7 feln 


Papp Ádám [t) tumbir 


Webdesigner, grafikus Ív) twitter 
Több mint 15 éve foglalkozom weboldal és 
grafikai tervezéssel. A Hungarian Adobe googler 


Users Group alapítótja és elnöke vagyok. 
Valamint számos weboldalt, könyvborítót 
és grafikát terveztem, és oktattam. 


o Assassin s Creed Unity 
JÁTSZÓ Végre oda lép a főszereplő, 
SAROK ahová a valóságban is léphetne! 


S ETET 


j: a 


Bármelyik Assasisn"s Creed résszel játszottunk eddig, akaratlanul is szembetűnt, hogy a főszereplő 
lenyűgöző parkour mozdulatai közben sosem oda lépett, ahová a valóságban lehetett volna. Azonban az 
új Assassin:s Creed Unity már csak next-gen konzolokra jelenik meg, amely technikai fejlődés előnyeit jól 
mutatja a tény: ezentúl tényleg odalép majd Arno (a Unity főszereplője), ahová a valóságban is léphetne. 
Teszi ezt mind a lélegzetelállító Párizsban, amelyet a Francia Forradalom idején csodálhatsz meg teljes 
pompájában ...és mocskában. Az utcákat a nemesek vérével festi vörösre a lázadó nép, míg a politikai elit 
a tündöklő és csillogó palotáiban éli hátra lévő napjait. 


A TÉKOZLÓ FIÚ VISSZATÉR 

Egy cikkben idézték a játék egyik fejlesztőjét, aki azt 
mondta a Unityval visszatértek a sorozat gyökerei- 
hez - Tehát nem lesznek hajók. - tette hozzá a cikk 
szerzője. És valóban. Több évnyi tékozlás" után az 
Assassins Creed széria visszatér nagyjából a máso- 
dik rész és al-részei stílusához. A szabad futkározás- 
nak a dzsungelekben és a kalózkodásnak vége. Ismét 
egy történelmi helyszínre és időbe kalauzol el a játék. 
A főszerep újra a lopakodásé, a hatalom megdönté- 
séé és a templomosok elleni küzdelemé. A lopakodás 
apcsán kiemelendő, hogy megújult a harcrendszer is. 
Ezentúl sokkal nehezebb lesz a kard-kard elleni harc 
— rákényszerítve téged, hogy ne beronts és kaszabolj, 
hanem jó bérgyilkos módjára megtervezve hajtsd vég- 
re akcióidat. Sőt, még a guggolás is végre külön gomb 
unkciót kapott, így bármikor elosonohatsz bárhol — 
függetlenül a szituációtól (Eddig a guggolás automati- 
us volt, a játék döntötte el mikor osonhatsz). 


irányításban, de a történetben is tetten érhetjük 
majd. Párizs a forradalomtól ég és egyáltalán nem 
biztos, hogy tetteidnek jelentősége lesz - ez tőled 
függ. A történelem nélküled és veled együtt is lezaj- 
lik, a te szereped, hogy a jó irányba tereld az esemé- 
nyeket. De ezúttal nem körülötted forog majd a világ. 
Például, ha épp történik egy gyilkosság az utcákon, 
te pedig közben kirabolsz valakit, senki sem fog rád 
figyelni. A nép a gyilkosságot fogja figyelni és nem ér- 
dekli, te közben ott vagy-e, vagy épp mit csinálsz. 


VÉGRE ITT A CO-OP 
ASZTORIBAN IS 

Ez volt az első alkalom, hogy a játék kódneve meg- 
egyezett a végleges címmel. A Unity szó, az elejétől 

a végéig meghatározta a fejlesztést. Nem csoda, hi- 
szen ez az első rész, amelybe végre teljes értékű co- 
op mód került. Azaz immár három barátoddal együtt 


játszhatsz végig sztori-küldetéseket és a mód a kam- 
pány része lett. Azonban ez nem az Army of Two féle 
,te nyomd a gombot, én nyomom a másikat és kinyí- 
lik az ajtó" co-op lesz, hanem sokkal inkább az ,amíg 
én elvonom a figyelmüket, te elkapod a célpontot" 
típusú. Mindegyikőtők külön játékot játszik, de amikor 
szükségetek van egymásra akkor segítségül hívhatod 
Assassin társaid. 


ITT A RÉGI-ÚJ ASSASSINS CREED 
Ahogy láthatod, a Ubisoft mindent megtett, hogy 
visszahozza a korai részek stílusát a Unity-be. A Fran- 
cia Forradalom idejében láthatod meg Párizs véres 
arcát. Miközben az ország urai parfümködben für- 


denek (vagy inkább azzal), a nép a fejüket követeli és 
lándzsára tűzi, ha megkapja (a játék többek közt eny- 
nyire véres). Mindeközben folytathatod az Assassinok 
és a Templomosok küzdelmének hosszú történetét. 
Azonban már 3 barátoddal együtt játszhattok a meg- 
újított játékmenetben és még akár a II. Világháborús 
Párizsba is bepillanthatsz egy küldetés erejéig. 


Ha már van Xbox ONE vagy PlayStation 4 konzolod, 
a November 14-én érkező Assassins Creed Unity 
az ideális választás számodra a hónapban. Keresd 
a játékot üzleteinkben és webshopunkban. Ha pe- 
dig még nincs next-gen géped, várd meg hamarosan 
megjelenő Unity konzolcsomagjainkat. Játékra fel! 


MINIMUM GÉPIGÉNY (PC) 
CPU: Intel Core i5-2500K 3.3 GHz vagy 

AMD FX-8350 4.0 GHz vagy 

AMD Phenom II x4 940 3.0 GHz 
RAM:  6GB 
VGA: NVIDIA GeForce GTX 680 vagy 

AMD Radeon HD 7970 (2 GB VRAM) 
OS: Windows 7 $P1, 8/8.1 (csak 64bit) 
HDD: — 50 GB szabad terület 


KONZOL PLATFORMOK 
28 
XBOXONE 7I d. 


ém VIDEOJÁTÉKBOLT. HL 


Csatlakozz, kövess és olvass 
minket az alábbi felületeken is! 


f) facebook.com/pixeldesignersmagazine 
6 google.com/--PixeldesignersHuMagazine 
o twitter.com/PixelDesigners 

t) pixeldesignersmagazine.tumblr.com 


0 issuu.comypixeldesigners 


youtube.com/user/pixeldesignersmag 


Oo vimeo.com/pdmag 


ég Letölthető az 
a App Store-ból 


pixeldesigners.hu 


